相关疑难解决方法(0)

在文件输入上反应 PWA IOS/Safari 单击事件有时不打开菜单

我们的 React PWA 应用程序有问题,我需要群体智能。

从 2021 年 10 月开始,我们的部分 iOS 15 用户会出现以下问题:

用户单击(触摸)<input type=file按钮,并且不会打开操作系统菜单来选择“拍照”、“选择文件”等。但是,这种情况发生的情况非常不规律,并且根据 iOS 版本或设备型号,仍然没有可识别的模式。该功能对许多用户来说已经运行了很长时间,没有出现任何问题。

我们知道,当 OnRelease 事件发生在按钮区域之外时,iOS 会出现常见问题。然而,从我们看来,我们正在谈论另一个问题。

过去几天,我们收到了有关此问题的多份报告,其中包括显示此错误的视频。但我们自己无法重现这一点。在这些视频中,您看到有人点击按钮(按钮颜色发生变化),但菜单未打开。

我们最初使用经典<input type=file> 并使用 CSS 对其进行样式化。现在我们了解了一些最佳实践,并添加了一个额外的按钮来触发输入的 .click() 。

我发现了一篇类似的 StackOverflow 文章:React PWA Image Upload in Mobile Safari Breaks application?

看来重置 PWA 上下文的唯一方法是重新启动手机、删除应用程序并将其重新添加到主屏幕,或者打开外部链接

这正是我们正在使用的解决方法:删除应用程序图标并将应用程序重新添加到开始屏幕是解决问题的唯一解决方案。由于代码之前和之后都有效,我不认为我们的代码是错误的。它只是在不同用户的一些未知时间/事件/发生之后发生。

有人有什么想法或方向可以看一下吗?

我刚刚检查了 webkit 问题跟踪器,但没有找到匹配的内容。基于 Android 或 Windows 的设备上不存在此问题。

此致

safari file-upload onclick ios progressive-web-apps

6
推荐指数
0
解决办法
891
查看次数

标签 统计

file-upload ×1

ios ×1

onclick ×1

progressive-web-apps ×1

safari ×1