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

Question

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

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

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

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

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

这似乎适用于所有显示某种模式/弹出框的原生 Safari 控件。

Answer 1

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

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