在 Android 手机上,React.js 下拉列表需要点击两次才能打开

发布于 2025-01-17 20:51:50 字数 444 浏览 2 评论 0原文

使用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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文