在使用移动设备或在 Chrome 设备工具栏中查看页面时，我在尝试点击 HeadlessUI 弹出菜单时遇到问题。它似乎在常规桌面浏览器模式下工作正常。我花了几个小时在代码沙箱中测试并将代码提炼成最简单的形式，可以在此处查看和演示：
https://codesandbox.io/s/react-tailwind-rive-animation-tap-issue-bxlt95?file=/src/App.js
这是代码的相关部分：
{({ open }) => ( <> )} Popup Menu
我试图找出是什么导致菜单在点击时无法像浏览器中通常那样弹出。预先感谢您的帮助。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1
984
收藏
之前有人在另一个论坛回答了我的问题。问题是我的 div 捕获了点击，但没有将其传递给动画。通过将
style={{ pointerEvents: "none" }}添加到菜单图标周围的 div，它再次开始工作。