iPhone上的输入焦点问题

Question

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

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

我正在使用AppPresser创建一个移动应用。该应用程序的页面会加载Google Cloud链接并显示没有问题。 AppPresser提供了一个预览器应用程序，可以将其安装在设备上以测试当前的应用程序版本。在Android设备上，html页面仍然可以按预期正常运行，但是在iPhone上进行测试时会出现问题。以下是一些屏幕截图：

如果“购买价格”输入的焦点位于屏幕底部，则在为键盘留出空间时它将移至顶部。

之前：

之后：

但是，如果“购买价格”输入字段位于屏幕顶部附近并且已聚焦，则一切似乎都陷入困境。该容器消失了，并显示了先前的容器。用户看不到他们正在输入什么数据。

之前：

之后：

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

谢谢

Answer 1

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

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

来自this article的

做到了！我仍然对可能有人可以为我清理的两件事感到困惑。

1. 为什么仅在预览我的应用构建时才会发生此问题，而直接通过iPhone的浏览器加载html文件（文件托管在Google Cloud Platform上）却不会发生。
2. 当显然在iOS更新11.3中解决了输入问题时，为什么必须为此实施修复程序