Saya menghadapi masalah cuba mengklik menu pop timbul HeadlessUI apabila menggunakan peranti mudah alih atau melihat halaman dalam bar alat peranti Chrome. Nampaknya berfungsi dengan baik dalam mod penyemak imbas desktop biasa. Saya menghabiskan beberapa jam menguji dalam kotak pasir kod dan menyuling kod ke bentuk yang paling mudah, yang boleh dilihat dan ditunjukkan di sini:
https://codesandbox.io/s/react-tailwind-rive-animation-tap-issue-bxlt95?file=/src/App.js
Ini ialah bahagian kod yang berkaitan:
{({ open }) => ( <> > )} Popup Menu
Saya cuba memikirkan apa yang menyebabkan menu tidak muncul seperti biasa dalam penyemak imbas apabila diklik. Terima kasih terlebih dahulu atas bantuan anda.
Seseorang menjawab soalan saya di forum lain sebelum ini. Masalahnya ialah div saya menangkap klik tetapi tidak menghantarnya ke animasi. Dengan menambahkan
style={{ pointerEvents: "none" }}
pada div di sekeliling ikon menu ia mula berfungsi semula.