程序员经验分享-hwhale

Ionic V5 在 Safari 上出现 Angular 组件问题

2023-11-29

我遇到了 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 issue


这是最新 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(使用前将#替换为@)

angular

safari

ionic5

Ionic V5 在 Safari 上出现 Angular 组件问题 的相关文章

  • 循环遍历字符串数组 - angular2

    然而非常基本的事情 但我无法弄清楚如何在 angular2 中的 html 模板中显示字符串数组 html ul li number li ul ts this numberOptions I II III IV V VI VII VIII

  • Angular 2 insideHTML 忽略表单标签

    我正在为 Angular 2 构建一个模态 因为没有像 Angular 1 x 这样的原生模态 而且我取得了很好的进展 我创建了一个模态组件 可以显示和隐藏 并且有一个主体输入唯一不起作用的是 由于某种原因 表单元素被从渲染的 html 中

  • 从 Angular 4 中的 html 中删除主机组件标签

    我有一个表 我想在其中显示一个表行 它是一个组件 我还想将数据传递给该组件 table th td col 1 td td col 2 td td col 3 td th tr tr table

  • JavaScript 中什么可能会打乱我的查询字符串参数构造函数？

    所以这可能是一个很长的机会 但我完全不知道可能导致这个问题的原因 我正在提供一个客户端 JavaScript 它解析嵌入的页面上的某些参数 使用这些参数构建 URL 并使用该 URL 将 iframe 注入到页面中 如下所示 var que

  • Angular 8 中的 ag-grid 单元格内未显示字体真棒图标

    我正在尝试学习 Angular 因此遵循有关安装和使用 ag grid 和 Font Awesome 的指南 但我无法使用 cellRenderer 在 ag grid 单元格内显示 fa icon 如果我在网格之外使用相同的图标 HTML

  • 如何修改primeng p日历样式？

    我正在尝试修改 primeng p calendar 但它无法正常工作 例如 我希望它是这样的 需要的改变 https i stack imgur com QBXoh png 但原来它看起来像这样 原始图像 https i stack im

  • window.speechSynthesis.getVoices() 在 macOS safari 15.4 上返回空数组

    功能window speechSynthesis getVoices 在我的浏览器 macOS 12 3 1 Safari 15 4 上返回一个空数组 在以前的版本 Safari 15 3 macOs 12 2 上 该函数按照预期返回一个包

  • 元素上的 *ngIf 和 *ngFor [重复]

    这个问题在这里已经有答案了 我遇到的情况是 我需要在同一元素上使用 ngIf 和 ngFor 指令 我在 stackoverlow 上找到了很多答案 但没有一个适合这种情况 我有一个表 在其中循环对象数组并在标题中动态写入单元格 table

  • Angular2 中 Http 的 Promise 与 Observable？ [复制]

    这个问题在这里已经有答案了 本质上 正如标题所说 是否有任何理由使用可观察的承诺 https stackoverflow com questions 37364973 angular 2 promise vs observable为了进行

  • 如何将 zingchart 实现到 Angular2 中

    我有一个现有的项目 我想在其上实施 zingcharts 我尝试了 3 个不同的教程 主要来自 https blog zingchart com 2016 07 19 zingchart and angular 2 charts back

  • 单击上一页的按钮路由到该页面后如何刷新页面

    我有 2 个页面 一个主页和一个页面 2 当我单击主页上的按钮时 它会路由到 page2 现在 单击主页上的按钮后 当我到达第 2 页时 它应该刷新 因为我的项目中存在一些缓存问题 我在ngoninit上添加了window location

  • Angular2通用部署到apache远程服务器

    我在将 Web 应用程序部署到 Apache 远程服务器时遇到问题 我已经通过以下步骤部署了一个使用 RESTful API 服务 用 PHP 编写 托管在 public html api 的标准 Angular2 Web 应用程序 在项目

  • 如何在Angular2中正确使用依赖注入（DI）？

    我一直在试图弄清楚 DI 依赖注入在 Angular2 中是如何工作的 每次当我尝试将服务 或类注入我的组件时 我都会遇到很多问题 从不同的谷歌搜索文章中 我需要使用providers 在组件配置中 或者有时我需要使用 Inject 在我的

  • 使用 Observable 与 Immutable 进行变更检测

    所以我读了本文 http victorsavkin com post 110170125256 change detection in angular 2关于 Angular 2 变更检测 但读完之后我变得更加困惑 所以我开始阅读一些导致更

  • 如何使用 Angular 2 修改 ng-bootstrap 轮播的 CSS

    最近 我尝试修改 ng bootstrap carousel 组件中的 carousel item 类 但是 我发现我需要在元数据中添加 encapsulation ViewEncapsulation None 使用此解决方案还会更改其他轮

  • Angular 2 runOutsideAngular 仍然改变 UI

    从我的理解来看runOutsideAngular https angular io docs ts latest api core index NgZone class html runOutsideAngular anchor 如果我需要

  • Rxjs、fromEvent处理多个事件

    在 rxjs 5 1 中处理同一 DOM 节点上的多个事件的最佳方法是什么 fromEvent element event name 但我一次只能指定一个事件 我要手柄scroll wheel touchmove touchend even

  • 在指令中动态添加 *ngIf

    如何动态地将 ngIf 添加到用属性指令修饰的元素 为了一个简单的实验 我尝试了这个 Directive selector lhUserHasRights export class UserHasRightsDirective implem

  • 是否可以在 Angular Material Tooltip 中包含一个列表？

    基本上我想在我的工具提示中有一个 ul 元素 我正在使用 Angular 5 以及 Angular 5 的兼容材质 帕维尔 阿加科夫 Pavel Agarkov 的评论方向是正确的 为了让事情变得简单 创建一个自定义管道来自动将文本转换为项

  • 如何使用角度材料在具有可扩展行的表格中创建嵌套垫表

    我有以下数据 id c9d5ab1a subdomain wing domain aircraft part id c9d5ab1a info mimetype application json info dependent parent

随机推荐

  • 有没有更好的写法 v = (v == 0 ? 1 : 0); [关闭]

    Closed 这个问题是基于意见的 目前不接受答案 我想在 0 和 1 之间切换变量 如果它是 0 我想将其设置为 1 否则如果它是 1 我想将其设置为 0 这是一个非常基本的操作 我经常写 所以我想研究最短 最清晰的实现方法 这是我迄今为

  • 如何将 CocoaPod 框架添加到 Xcode 8 Playground

    我尝试在 Xcode 项目中向 Playground 添 加一些 pod 不幸的是 唯一支持的范围是更新后的目标 并且link with不再支持 ERROR 无效的Podfile文件 的规范link with现在不支持 Podfile 中的

  • 获取两个日期之间的日期

    我有两个这样的表 Table1 emp leave summary id emp id leave from date leave to date leave type Table2 emp leave daywise id emp id

  • ASP.Net 回发 get 时找不到指定的 URL

    当单击 ASP NET Web 表单页面上的 保存 按钮时 我立即收到以下信息 找不到指定的URL 当我在网络服务器上使用浏览器尝试此操作时 不会发生这种情况 以前有人遇到过这个问题吗 这是某种安全问题吗 More information

  • Laravel preg_match()：找不到结束分隔符“/”

    我正在开发 Laravel 4 2 我尝试使用验证器通过正则表达式验证名称字段 这是我的规则如下 public static rules save class subjects gt required regex 0 9 0 9 但是 一旦

  • C# 序列化对象集合

    我正在开发一个 ASP NET 应用程序 该应用程序有一个继承自定义对象列表的类 public class UserRoleList List

  • Express.js 无效的 JSON GET 请求

    在编写 API 时 我遇到了一个非常棘手的错误 当我尝试执行res send INSERT JSON 带有 Content Type 标头application json 大多数 AJAX 的默认设置 我得到一个invalid json错误

  • 使用命令将单词与 vim 中的指定列对齐

    如何将整个文件中的单词移动或移动到指定列 例如如下所示 前 123 ABC 112 XYZS 15925 asdf 1111 25asd 1 qwer After 123 ABC 112 XYZS 15925 asdf 1111 25asd

  • 在一组两种可能性中选择唯一的行

    问题本身很简单 但我无法找出在一个查询中完成此任务的解决方案 这是我对问题的 抽象 以便进行更简单的解释 我将保留我最初的解释 但这里有一组示例数据和我期望的结果 好的 这是一些示例数据 我用空行分隔对 Key Col Together t

  • JQuery 表单验证不适用于新创建的元素

    我在使用 Jquery 验证插件时遇到了一些问题 想知道是否有人可以提供帮助 目前 该插件适用于当前页面上的任何表单元素 addRelease validate submitHandler function form form submit

  • 如何在 XSD 中引用全局类型？

    如何实现对 simpleType 的 XSD 内部引用 我遇到了您在下图中看到的错误 XSD

  • Delphi中OnKeyDown的问题

    我正在与德尔福合作 我想跟踪按下了哪个键 我正在使用 TForm 的 KeyDown 事件 它工作正常 但问题是 如果我按小写字母 但它会给出该字母的大写字母 如何识别按下的按键是小写还是大写 如果您想跟踪字母数字键 那么您应该使用KeyP

  • 将 Facebook 登录应用程序与 Facebook 粉丝页面链接有什么优势？

    我正在创建一个电子商务网站 我将支持 FB 登录 我也会有一个FB粉丝专页 在支持 facebook 登录应用程序的同时 可以选择将 FB 页面附加到登录应用程序 App gt app name gt 应用程序详细信息 gt 联系信息 gt

  • iOS静默推送通知已取消

    在我的应用程序中 我使用静默推送通知来定期通信 但我遇到了麻烦 因为我在未启动应用程序时收到的静默推送通知未被处理 操作系统版本为iOS12 我正在使用 FCM 发送推送通知 有人有同样的问题吗 以下是您收到静默推送通知时的控制台日志 10

  • iOS 6 MPMoviePlayerViewController 和 PresentMoviePlayerViewControllerAnimated Rotation

    在以前的 iOS 版本中 我们的视频会自动旋转 但在 iOS 6 中不再是这种情况 我知道 PresentMoviePlayerViewControllerAnimated 以前是设计用于执行此操作的 但是我如何告诉 MPMoviePlay

  • Android：如何检测双 SD 卡[重复]

    这个问题在这里已经有答案了 有什么方法可以识别设备中是否有两张 SD 卡 Edit 我发现目前无法区分内部存储和真正的外部SD卡 在某些设备 例如 Samsung Galaxy Tab 7 英寸 中 系统将内部存储 通常为 16GB 视为外

  • Android：MediaPlayer AUDIOFOCUS_LOSS 和 setOnErrorListener() 问题

    我正在创建一个音乐播放器应用程序 我正在检查我的应用程序是否丢失 AudioFocus 然后播放将停止 但这提出了一个问题 当我播放一首曲目时 然后停止它 然后再次播放一首曲目 switch case AudioManager AUDIOF

  • String.equals() 是如何工作的

    我一直在尝试了解一些 API 方法是如何工作的 下面是 java lang String 类的 equals 方法的片段 有人可以告诉我代码实际上是如何比较两个字符串的吗 我明白了计数的重要性 但是偏移量意味着什么 这些变量如何获取值 就像

  • 从 Wikipedia API 获取名人

    我正在尝试从 Wikipedia API 中获取还活着的人 但我还不知道该怎么做 I found 这个问题这和我的一样 据我所知 唯一的方法是搜索只有birth date参数的人 我实际上该怎么做 例如 如果我想搜索 罗纳尔多 我应该得到所

  • Ionic V5 在 Safari 上出现 Angular 组件问题

    我遇到了 Ionic PWA 应用程序在 Safari 上针对以下 UI 组件的点击问题 离子无线电 离子选择 离子菜单 当您单击单选按钮组件 https ionicframework com docs api radio 1 时 您可以看

热门标签