Remove country and state autocomplete fields (#7953)

Author: mikejolley

assets/js/base/components/country-input/country-input.tsx

@@ -57,36 +57,6 @@ export const CountryInput = ( {
 				required={ required }
 				autoComplete={ autoComplete }
 			/>
-			{ autoComplete !== 'off' && (
-				<input
-					type="text"
-					aria-hidden={ true }
-					autoComplete={ autoComplete }
-					value={ value }
-					onChange={ ( event ) => {
-						const textValue =
-							event.target.value.toLocaleUpperCase();
-						const foundOption = options.find(
-							( option ) =>
-								( textValue.length !== 2 &&
-									option.label.toLocaleUpperCase() ===
-										textValue ) ||
-								( textValue.length === 2 &&
-									option.value.toLocaleUpperCase() ===
-										textValue )
-						);
-						onChange( foundOption ? foundOption.value : '' );
-					} }
-					style={ {
-						minHeight: '0',
-						height: '0',
-						border: '0',
-						padding: '0',
-						position: 'absolute',
-					} }
-					tabIndex={ -1 }
-				/>
-			) }
 		</div>
 	);
 };

assets/js/base/components/state-input/state-input.tsx

@@ -88,44 +88,23 @@ const StateInput = ( {
 
 	if ( options.length > 0 ) {
 		return (
-			<>
-				<Combobox
-					className={ classnames(
-						className,
-						'wc-block-components-state-input'
-					) }
-					id={ id }
-					label={ label }
-					onChange={ onChangeState }
-					options={ options }
-					value={ value }
-					errorMessage={ __(
-						'Please select a state.',
-						'woo-gutenberg-products-block'
-					) }
-					required={ required }
-					autoComplete={ autoComplete }
-				/>
-				{ autoComplete !== 'off' && (
-					<input
-						type="text"
-						aria-hidden={ true }
-						autoComplete={ autoComplete }
-						value={ value }
-						onChange={ ( event ) =>
-							onChangeState( event.target.value )
-						}
-						style={ {
-							minHeight: '0',
-							height: '0',
-							border: '0',
-							padding: '0',
-							position: 'absolute',
-						} }
-						tabIndex={ -1 }
-					/>
+			<Combobox
+				className={ classnames(
+					className,
+					'wc-block-components-state-input'
 				) }
-			</>
+				id={ id }
+				label={ label }
+				onChange={ onChangeState }
+				options={ options }
+				value={ value }
+				errorMessage={ __(
+					'Please select a state.',
+					'woo-gutenberg-products-block'
+				) }
+				required={ required }
+				autoComplete={ autoComplete }
+			/>
 		);
 	}