我在 Safari 上遇到以下 UI 组件的 Ionic PWA 应用程序点击问题。
ionic radio ionic 选择 ionic 菜单 当您单击单选按钮组件“https://ionicframework.com/docs/api/radio 1”时,您可以看到附加的屏幕截图,它实际上要求重新加载页面。
以下是版本详细信息:
MacO:Catalina 10.15.7 (19H2) Safari:版本 14.0(15610.1.28.1.9、15610) Angular :9.1.6 ionic :5.0.0
任何支持将不胜感激。提前致谢。
最佳答案
这是最新 Safari 和 ionic 5 的一个错误。
简短说明和解决方法:
问题出在 ion-item
,只需添加 <div tabindex="0"></div>
里面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 或任何最终版本)。当修复程序发布后,我们将跟进此线程。
关于angular - Ionic V5 在 Safari 上出现 Angular 组件问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64585634/