Ionic 4选择在Firefox响应式设计模式下不起作用

我最近开始使用Ionic框架,并且遇到了关于ion-select元素的非常奇怪的错误。一旦被用户点击,它就不会产生离子警报。我原本以为这是我自己的代码中的错误,但是什么也没发现,并且在意外退出Mozilla Firefox的自适应设计模式时,它可以完美运行。然后,我尝试了Ionic文档中的this sample code,以了解如何使用ion-select。此代码使用Ionic组件,没有任何框架。在响应设计模式下,单击选择时它不会生成任何警报,并且不会产生任何错误。我在Ubuntu 18.04上使用Firefox 71.0(64位)。

在没有响应式设计模式的情况下,并且在缩小浏览器窗口的同时,selects功能可以完美运行。在响应式设计模式下,它们在模拟大型设备(例如电视)时可以正常运行,但不能与其他任何设备一起使用。我以为这可能是用户代理中的错误,所以这是一个用户代理,它在不起作用时(电视和笔记本电脑没有用户代理,它们的大小不同):

  • Galaxy S9 / S9 +:Mozilla/5.0 (Linux; Android 7.0; SM-G892A Build/NRD90M; wv) AppleWebKit/537.36 (KHTML,like Gecko) Version/4.0 Chrome/67.0.3396.87 Mobile Safari/537.36

更新:我进行了进一步的测试,解决该问题的另一件事是从其ion-select容器中删除ion-item。我不知道为什么这可以解决问题,这改变了我原来的想法,那就是与用户代理有关。另外,我尝试将浏览器的用户代理手动更改为上述代理,并且选择效果很好。这似乎是响应式设计模式的问题?

任何帮助将不胜感激!

huaihuai025 回答:Ionic 4选择在Firefox响应式设计模式下不起作用

好的。经过更多测试后,我发现了这一点。在响应式设计模式的触摸模拟中,这似乎有些奇怪。我不小心禁用了它(真的应该早点尝试),问题就消失了。我不知道是什么原因导致这种奇怪的行为,仍然可以理解,但解决方法很容易。

本文链接:https://www.f2er.com/2893836.html

大家都在问