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



我最近开始使用Ionic框架,遇到了一个关于ion-select元素的非常奇怪的错误。用户单击后,它不会生成 Ionic 警报。我最初认为这是我自己的代码中的一个错误,但是什么也没发现,并且在意外退出Mozilla Firefox的响应式设计模式后,它运行良好。然后,我尝试了 Ionic 文档中有关如何使用ion-select的示例代码。此代码使用没有任何框架的 Ionic 组件。在响应式设计模式下,单击所选内容时,它无法生成任何警报,并且不会生成任何错误。我在 Ubuntu 18.04 上使用 Firefox 71.0(64 位(。

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

  • 银河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-item容器中删除ion-select。我不知道为什么这会解决问题,这改变了我最初的想法,即这可能与用户代理有关。另外,我尝试手动将浏览器的用户代理更改为上述内容,并且选择功能完美。这似乎是响应式设计模式的问题?

任何帮助将不胜感激!

好的。经过更多的测试,我想通了。这在响应式设计模式的触摸模拟中似乎有些奇怪。我不小心禁用了它(真的应该早点尝试(,问题就消失了。我不知道是什么导致了这种奇怪的行为,并且仍然会不胜感激,但修复很容易。

最新更新