Левый отступ в окне поиска HTML5 заставляет курсор перемещаться по фокусу - PullRequest
Новая
       7

Левый отступ в окне поиска HTML5 заставляет курсор перемещаться по фокусу

2 голосов
/ 12 октября 2019

Курсор перепрыгивает на несколько символов вправо, если щелкнуть поле поиска, если оно заполнено слева.

Я сократил проблему до padding-left и type="search". Проблема исчезнет, ​​если я уберу левый отступ или изменим тип ввода на type"text" вместо type="search".

Вот минимальный воспроизводимый пример проблемы: 

#myelementId.myelementClass {
  margin: 1px 29px 1px 1px;
  height: 38px;
  width: 500px;
  padding-left: 19px;
}
<form>
  <div>
    <input class="myelementClass" id="myelementId" type="search" />
  </div>
</form>

Я использую Chrome версии 77.0.3865.120 (официальная сборка) (64-разрядная версия). Когда я набираю что-то в поле поиска, затем нажимаю на любой символ, курсор появится на несколько символов справа.

Эта проблема не возникает в следующих случаях: (протестировано Skylar )

  • Microsoft Edge 44.17763.771.0
  • IE 11.775.17763.0
  • FireFox 69.0.3

ВАЖНО: Я не могу изменить тип или заполнение, так как мне нужно сделать это в производственной среде, где большая часть кода не моя.

...