input -ps реагировать-выбрать не применяется на AsyncSelect - PullRequest
0 голосов
/ 15 октября 2018

Я использую следующий код для отключения 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)

Это проблема, которую я пытаюсь решить.

enter image description here

Есть идеи, почему?Спасибо

1 Ответ

0 голосов
/ 17 октября 2018

Согласно документации , inputProps не является допустимым свойством реагировать на выбор.И, согласно коду (посмотрите на метод renderInput()), autocomplete всегда установлен на «выключен» и не является чем-то управляемым свойствами.Чего ты пытаешься достичь?

...