Улетел placeholder на IOS. Как исправить?

Question

[JackShcherbakov]

Здравствуйте!

На сайте есть инпут, который отцентрован относительно родительского элемента по вертикали. У инпут фиксированная высота, что позволяет спокойно центрировать его по вертикали при помощи position absolute или просто margin или padding.

Проблема в том, что при просмотре сайта с IOS placeholder куда-то улетает. При этом, если начать что-то вводить в input, то введенный текст находится на своем месте и никуда не слетает.

IOS. Горизонтальный просмотр:

placeholder:


input:


Заранее выражаю огромную благодарность всем, кто поможет!

UPD:

код websitebuilder.su/workfox

Comments

[Rustam Bainazarov]

Здравствуйте!

Код пришлю голубиной почтой!

До встречи!

Ну а так — пробуйте с line-height: 1.

[JackShcherbakov]

Рустам Байназаров, Спасибо за комментарий. Код вот тут: websitebuilder.su/workfox Сейчас попробую с line-height: 1.

[JackShcherbakov]

Рустам Байназаров, Рустам, line-height: 1 помог! Спасибо вам большое! Можете, пожалуйста, написать ответ ниже в блоке для ответов, чтобы я мог ответить ваш ответ решением.

[Rustam Bainazarov]

JackShcherbakov, не за что!

Answer 1

[Rustam Bainazarov]

input {
   line-height: 1;
}