iPhone 上的输入焦点问题

Question

首先，在做一些研究后，我知道以前与输入字段相关的问题导致了 iOS 上的问题。然而，显然这已在 iOS 更新 11.3 中修复。我用于测试的设备是 iPhone 5s 运行 iOS 11.4.1.

我创建了一个html文档（包括css和JS）并存储在Google云平台here。如果您在 Android 或 iPhone 上打开此 link，一切都会按预期显示和工作。

我正在使用 AppPresser 创建移动应用程序。该应用程序的一个页面加载了 Google Cloud link 并毫无问题地显示了它。 AppPresser 提供了一个预览器应用程序，可以安装在设备上以测试当前应用程序构建。在 Android 设备上，html 页面仍能按预期完美运行，但在 iPhone 上测试时会出现问题。以下是一些截图：

如果 "Purchasing Price" 输入在屏幕底部时获得焦点，它会移动到顶部，因为 space 是为键盘设置的。

之前:

之后：

但是，如果 "Purchasing Price" 输入字段靠近屏幕顶部并且被聚焦，一切似乎都会变得混乱。容器消失，并显示之前的容器。用户看不到他们输入的数据。

之前:

之后：

我觉得这个问题很奇怪，尤其是 html 页面直接通过浏览器打开时在 iPhone 上运行完美。任何反馈将不胜感激。

谢谢

Answer 1

我以为我已经尝试了在线提供的所有修复程序，但添加了以下内容css：

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

来自 this article，成功了！我仍然对两件事感到困惑，也许有人可以为我解决。

为什么这个问题只发生在预览我的应用构建时，而不是在直接通过 iPhone 的浏览器加载 html 文件时（文件托管在 Google云平台）。
为什么我必须为此实施修复，显然输入问题已在 iOS 更新 11.3

iPhone 上的输入焦点问题

Input focus issue on iPhone

html

css

ios

app-preview