Ionic 4 选择在 Firefox 响应式设计模式下不工作
Ionic 4 Selects Not Working in Firefox Responsive Design Mode
我最近开始使用 Ionic 框架，遇到了一个关于 ion-select 元素的非常奇怪的错误。被用户点击后，它不会生成 Ionic 警报。我本来以为是我自己的代码出错了，结果一无所获，一不小心退出了Mozilla Firefox的响应式设计模式，就完美运行了。然后我尝试了 Ionic 文档中的 this sample code 如何使用 ion-select。此代码使用没有任何框架的 Ionic 组件。在响应式设计模式下，单击选择时不会生成任何警报，也不会产生任何错误。我在 Ubuntu 18.04.
上使用 Firefox 71.0（64 位）
选择功能在没有响应式设计模式的情况下完美运行，同时缩小了浏览器window。在响应式设计模式下，它们在模拟大型设备（例如电视）时可以正常运行，但不能模拟其他任何设备。我认为这可能是用户代理中的一个错误，所以这里是一个用户代理，当它不起作用时（电视和笔记本电脑没有用户代理，它们只是尺寸不同）：
- 银河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。我不知道为什么这会解决问题，这改变了我原来的想法，即这可能与用户代理有关。此外，我尝试手动将浏览器的用户代理更改为上述内容，并且选择工作正常。这似乎是响应式设计模式的问题？
如有任何帮助，我们将不胜感激！
好的。经过更多测试后我明白了。这在响应式设计模式的触摸模拟中似乎有些奇怪。我不小心禁用了它（真的应该早点尝试），问题就消失了。我不知道是什么原因导致了这种奇怪的行为，仍然希望能给出解释，但修复起来非常简单。
我最近开始使用 Ionic 框架，遇到了一个关于 ion-select 元素的非常奇怪的错误。被用户点击后，它不会生成 Ionic 警报。我本来以为是我自己的代码出错了，结果一无所获，一不小心退出了Mozilla Firefox的响应式设计模式，就完美运行了。然后我尝试了 Ionic 文档中的 this sample code 如何使用 ion-select。此代码使用没有任何框架的 Ionic 组件。在响应式设计模式下，单击选择时不会生成任何警报，也不会产生任何错误。我在 Ubuntu 18.04.
选择功能在没有响应式设计模式的情况下完美运行，同时缩小了浏览器window。在响应式设计模式下，它们在模拟大型设备（例如电视）时可以正常运行，但不能模拟其他任何设备。我认为这可能是用户代理中的一个错误，所以这里是一个用户代理，当它不起作用时（电视和笔记本电脑没有用户代理，它们只是尺寸不同）：
- 银河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。我不知道为什么这会解决问题，这改变了我原来的想法，即这可能与用户代理有关。此外，我尝试手动将浏览器的用户代理更改为上述内容，并且选择工作正常。这似乎是响应式设计模式的问题？
如有任何帮助，我们将不胜感激！
好的。经过更多测试后我明白了。这在响应式设计模式的触摸模拟中似乎有些奇怪。我不小心禁用了它（真的应该早点尝试），问题就消失了。我不知道是什么原因导致了这种奇怪的行为，仍然希望能给出解释，但修复起来非常简单。