我遇到了 Ionic PWA 应用程序在 Safari 上针对以下 UI 组件的点击问题。
离子无线电
离子选择
离子菜单
当您单击单选按钮组件“https://ionicframework.com/docs/api/radio 1”时,您可以看到附加的屏幕截图,它实际上要求重新加载页面。
以下是版本详细信息:
MacO:Catalina 10.15.7 (19H2)
Safari:版本 14.0(15610.1.28.1.9、15610)
角度:9.1.6
离子:5.0.0
任何支持将不胜感激。提前致谢。
这是最新 Safari 和 ionic 5 的一个错误。
简短说明和解决方法:
问题在于ion-item
,只需添加<div tabindex="0"></div>
inside ion-item
它会解决这个问题。
长解释(从下面的 github 问题复制):GitHub 问题:https://github.com/ionic-team/ionic-framework/issues/21939#issuecomment-694259307
发生了什么?
Safari/iOS 测试版中存在一个回归,其中带有 delegatesFocus: true 的 Web 组件如果没有可聚焦的子元素,会导致浏览器崩溃。根本问题是 WebKit 在转发焦点之前没有检查可聚焦元素是否存在。这会影响 ion-item 组件,因为使用 delegatesFocus: true 。
问题已解决,修复问题的代码已合并;但是,该修复尚未在 macOS 版 Safari 中发布。因此,当 macOS 版 Safari 14 发布时,该问题仍然会出现。此修复已在 iOS 14 中发布,因此运行该版本 iOS 的设备不受影响。
修复程序什么时候发布?
Ionic Framework 团队已验证该问题已在最新的 Safari 技术预览中得到解决,表明此修复程序应在即将发布的 Safari 更新中提供(即 Safari 14.0.1 或任何最终版本)。修复程序发布后,我们将跟进此线程。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)