Ionic 离子-从弹出窗口中打开模态会导致DOM在iOS中无法正常工作

knpiaxh1  于 2022-12-09  发布在  Ionic
关注(0)|答案(2)|浏览(125)

我注意到一个小问题,试图从弹出窗口中打开一个模态。在iOS的iPhone 6S Plus以及模拟器,当我打开这些模态,DOM变得没有React。文本区域拒绝被点击进入,按钮不会运行功能时点击。按钮在<ion-navbar>将工作。文本输入或文本区域在<ion-navbar>将不工作。
然后,当然,在我的<ion-content>中,什么都不会工作,按钮,文本区域,任何带有(tap)(click)的东西。其他人有过这个问题吗?
我应该注意到,当我试图从页面或其他组件打开模态时,它没有这个问题,只有当从弹出窗口打开时。这是Ionic中的一个bug还是我做错了什么?我的控制台中没有显示任何错误。我可以发布一些代码,但是从弹出窗口打开模态与从常规页面或组件打开模态之间的代码几乎相同。
提前感谢,这真的很奇怪:D

8wtpewkr

8wtpewkr1#

app.scss中添加此选项解决了iOS中的问题。我还没有看到这样做会产生任何问题:

.disable-scroll .ion-page {
    pointer-events: auto;
}
nbnkbykc

nbnkbykc2#

我对这个问题的快速解决方案类似于@StevieStar解决方案,但我将其应用于Popovers和Modals的Opener类,因为这两种窗口都可能发生,因为它们都保存在同一个modalStack
在自定义css文件中

.modal-open{ pointer-events: all ; }
.popover-open { pointer-events: all ; }

此修正在backdropClickToClose:false被设置时不会覆盖模态或弹出窗口的行为。周围区域仍然不可点击。

相关问题