在 Android 手机上,React.js 下拉列表需要点击两次才能打开
使用React JS
,我创建了一个带有10个项目的水平导航。 FIST项目是一个带有5个项目的下拉菜单。 我使用reactisCroll
,以便在移动设备上水平滚动导航。 当我在Android Mobile上打开模块时,我第一次单击第一个项目(即下拉列表)时,它可以单击一键打开。这是预期的。
问题是:当我关闭下拉列表并一直滚动水平导航到右侧,以便从移动视图中删除第一个项目,然后我水平向左滚动以使第一个项目进入视图:现在,当我尝试打开下拉列表,需要2点点击。 是什么原因导致这个问题?
为什么当我水平向右滚动然后向左滚动,然后尝试打开下拉菜单时,它需要双击?
注意:当我在Android Mobile上打开模块时,只需在开始时就需要一次点击即可。
注意:iPhone表现良好。没有问题
在桌面上正常工作。 它在iPhone& iPad。
using React JS
, I Created a Horizontal
navigation with 10 items. the fist item is a dropdown menu with 5 items.
I used ReactIScroll
in order to scroll the Navigation horizontally on mobile devices.
when I open the module on Android mobile, the first time I click on the first item, which is a dropdown, it opens with one click. this is as expected.
the issue is: when I close the dropdown, and scroll Horizontal navigation all the way to right so that first item that is dropdown goes out of Mobile view, then I horizontally scroll to left to bring the first item into view: now, when I try to open dropdown, it needs 2 tap.
what causes this issue ?
why when I do Horizontally scroll to right and then to left, and then trying to open dropdown, it needs double tap?
note: it only need one tap at the beginning when I open the module on Android mobile.
Note: iPhone perform fine. no issue
It works fine on Desktop.
It works fine on iPhone & iPad.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论