iOS原生控件在PWA中不可见/隐藏

Question

我们有一个 PWA（网络应用程序），用户可以将其添加到主屏幕，使其看起来更像一个应用程序。一些用户报告了一个奇怪的问题，有时只有在执行以下步骤后，该问题才会出现在 IOS 上。

1. 从主屏幕打开应用程序
2. 使用该应用程序一段时间
3. 将其放入后台
4. 关闭屏幕一段时间
5. 重新打开屏幕并将应用程序再次置于前台

错误在于，当您单击选择或日期输入控件时，似乎没有任何反应。首先，我认为应用程序中有一些覆盖层阻止了 ui 控件，但元素在单击时获得焦点，但不显示选项。

现在真的变得很奇怪了。当我尝试在选择输入下单击一点时，会选择一个选项。时间选择也发生了同样的事情。如果我首先单击时间选择输入控件，然后再单击一下，它就会更新时间。

因此，控件似乎在那里，但屏幕上看不到任何东西。我只能自己重现一次，但多个用户都报告了同样的事情。解决该错误的唯一方法是重新启动应用程序。

它似乎适用于所有显示某种模式/弹出框的本机 Safari 控件。

Answer 1

我对此选择下拉问题进行了深入调查，并在 bugs.webkit.org 上发布了一个问题：https://bugs.webkit.org/show_bug.cgi ?id=238318

这是多个组件的下拉菜单（例如选择、输入文件/日期/月份）的问题，其中下拉菜单出现或消失的动画似乎卡住了。有时您会看到下拉列表很小且非常透明（如果放大屏幕截图），有时即使看不到下拉列表，您也可以选择一个选项。