Я написал небольшой компонент (html, vue.js, scss), который включает ввод. Когда пользователь фокусируется на этом вводе на мобильном устройстве, я открываю всплывающее окно, которое оборачивает этот ввод. Вы можете увидеть ввод и всплывающее окно, как это на booking.com в форме поиска.
Проблема в том, что когда клавиатура ios перемещается вверх, всплывающее окно тоже увеличивается, а ввод не отображается в окне.
После этого, если пользователь скрывает клавиатуру и снова фокусируется на вводе, он работает, как и ожидалось (всплывающее окно не увеличивается, и пользователь может видеть ввод).
Кто-нибудь, пожалуйста, помогите исправить это.