2015-07-26 2 views
8

Я вижу странную проблему в iOS (8.4) Safari с текстовым вводом на веб-странице, где курсор ввода отображается справа и снаружи поля ввода, когда я применяю размер шрифта, ширину и отступы, чтобы стилизовать его так, как я хочу (и предотвратить автоматическое увеличение фокуса).Курсор ввода текста Safari iOS появляется за пределами поля ввода

Скриншот показывает вопрос ниже:

Cursor showing to right of input box

я применяю следующие стили в моем CSS для элемента ввода (тип электронной почты):

font-size: 16px; width: 96%; padding: 2%; 

Он находится в контейнерах, которые отображаемый блок, отсутствие поля или отступов и ширина 100%.

И я вьюпорт набор тегов, как например:

<meta name="viewport" content="width=device-width, initial-scale=1.0"/> 

Это известная ошибка и есть обходной путь? Или есть что-то в моем CSS, которое вызывает эту проблему?

+0

Также см. Эту [прокрутку переполнения входных данных iOS Safari 8] (http://stackoverflow.com/questions/28544163/ios-safari-8-input-overflow-scroll), снова очень интересная вещь. – Stickers

+0

https://stackoverflow.com/questions/46339063/ios-11-safari-bootstrap-modal-text-area-outside-of-cursor/47710508#47710508 –

ответ

1

Вы пытались добавить overflow: hidden в <input> CSS? У меня нет устройства с iOS 8.4, но похоже, что он должен сделать трюк.

Смежные вопросы