Я использую следующий код для отключения autocomplete
на AsyncSelect
вводе, но inputProps
, похоже, не применяется.
<AsyncSelect
placeholder="Search a city"
styles={customStyles}
onChange={this._onChangeCity}
loadOptions={this._loadMatchedCities}
inputProps={{ autoComplete: 'nope', autoFill:'off' }}
defaultOptions={true}
noOptionsMessage={this._noOptionsMessage}
loadingMessage={({inputValue}) => 'Loading cities...'}
/>
при проверке элемента ввода в Chrome, онпоказывает:
<input type="text" autocapitalize="none" autocomplete="off" autocorrect="off" id="react-select-2-input" spellcheck="false" tabindex="0" value="" aria-autocomplete="list" style="box-sizing: content-box; width: 2px; background: 0px center; border: 0px; font-size: inherit; opacity: 1; outline: 0px; padding: 0px; color: inherit;" data-reactid="59">
Если я вручную переключу на autocomplete="nope"
на проверяемом элементе, автозаполнение будет отключено, поэтому ясно, что inputProps={{ autoComplete: 'nope', autoFill:'off' }}
не будет применен.
Также существующийautocomplete="off"
не выключается autocomplete
, я использую Chrome Version 69.0.3497.100 (Official Build) (64-bit)
Это проблема, которую я пытаюсь решить.
Есть идеи, почему?Спасибо