Я вижу странную проблему в iOS (8.4) Safari с текстовым вводом на веб-странице, где курсор ввода отображается справа и снаружи поля ввода, когда я применяю размер шрифта, ширину и отступы, чтобы стилизовать его так, как я хочу (и предотвратить автоматическое увеличение фокуса).Курсор ввода текста Safari iOS появляется за пределами поля ввода
Скриншот показывает вопрос ниже:
я применяю следующие стили в моем CSS для элемента ввода (тип электронной почты):
font-size: 16px; width: 96%; padding: 2%;
Он находится в контейнерах, которые отображаемый блок, отсутствие поля или отступов и ширина 100%.
И я вьюпорт набор тегов, как например:
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
Это известная ошибка и есть обходной путь? Или есть что-то в моем CSS, которое вызывает эту проблему?
Также см. Эту [прокрутку переполнения входных данных iOS Safari 8] (http://stackoverflow.com/questions/28544163/ios-safari-8-input-overflow-scroll), снова очень интересная вещь. – Stickers
https://stackoverflow.com/questions/46339063/ios-11-safari-bootstrap-modal-text-area-outside-of-cursor/47710508#47710508 –