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

问题描述 投票:0回答:1

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

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

  • [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。我不知道为什么这可以解决问题,这改变了我原来的想法,那就是与用户代理有关。另外,我尝试将浏览器的用户代理手动更改为上述代理,并且选择效果很好。这似乎是响应式设计模式的问题?

任何帮助将不胜感激!

ionic-framework firefox responsive-design ionic4 user-agent
1个回答
0
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.