Фокус ввода ввода на iPhone - PullRequest
Новая
       8

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

0 голосов
/ 29 августа 2018

Прежде всего, после некоторого исследования я узнал о предыдущих проблемах, связанных с полями ввода, которые вызывали проблемы в 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 возникают проблемы. Вот несколько скриншотов:

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

До:

enter image description here

После того, как:

enter image description here

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

До:

enter image description here

После того, как:

enter image description here

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

Спасибо

1 Ответ

0 голосов
/ 29 августа 2018

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

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

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

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