Фокус ввода ввода на iPhone

Question

Во-первых, после некоторых исследований мне стало известно о предыдущих проблемах, связанных с полями ввода, которые вызывали проблемы в iOS. Однако, по-видимому, это было исправлено в обновлении iOS 11.3. Устройство, которое я использую для тестирования, - это iPhone 5s под управлением iOS 11.4.1.

Я создал HTML-документ (включая CSS и JS), и он хранится здесь на Google Cloud Platform. Если вы откроете эту ссылку на Android или iPhone, все будет отображаться и работать так, как задумано.

Я использую AppPresser для создания мобильного приложения. Страница приложения загружает ссылку Google Cloud и отображает ее без проблем. AppPresser предоставляет приложение для предварительного просмотра, которое можно установить на устройстве для тестирования текущей сборки приложения. На устройстве Android HTML-страница по-прежнему работает отлично, как и предполагалось, но при тестировании на iPhone возникают проблемы. Вот несколько скриншотов:

Если ввод "Закупочная цена" сфокусирован в нижней части экрана, он перемещается в верхнюю часть, поскольку для клавиатуры выделяется место.

До:

После:

Однако, если поле ввода "Закупочная цена" находится в верхней части экрана и оно сфокусировано, кажется, что все идет наперекосяк. Контейнер исчезает, и отображается предыдущий контейнер. Пользователь не может видеть, какие данные они вводят.

До:

После:

Я нахожу эту проблему очень странной, тем более что HTML-страница прекрасно работает на iPhone, когда она открывается непосредственно через браузер. Любая обратная связь будет высоко ценится.

Спасибо

Answer 1

Я думал, что перепробовал все исправления, представленные в Интернете, но добавил следующее:

html,body{
   -webkit-overflow-scrolling : touch !important;
   overflow: auto !important;
   height: 100% !important;
}

из этой статьи сделал свое дело! Я все еще смущен двумя вещами, которые, возможно, кто-то может прояснить для меня.

1. Почему эта проблема возникает только при предварительном просмотре сборки моего приложения, а не при загрузке html-файла напрямую через браузер iPhone (файл размещен на облачной платформе Google).
2. Почему я должен был реализовать исправление для этого, когда очевидно, что проблемы ввода были решены в обновлении iOS 11.3