Popover and Dropdown Not Opening on Tablet Touch Screens in Nuxt UI

nuxt / ui

A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.

https://ui.nuxt.com

MIT License

3.8k stars 464 forks source link

Popover and Dropdown Not Opening on Tablet Touch Screens in Nuxt UI #2097

Open husamMousa opened 2 weeks ago

husamMousa commented 2 weeks ago

Description

Hello everyone, I'm using Nuxt UI in my project and facing an issue with the Popover and Dropdown on tablet touch screens. They don't open unless I press and hold on to them. Has anyone else encountered this issue?

hrynevychroman commented 2 weeks ago

@husamMousa Hello, thanks for your report. Could you provide a reproduction, please 🙏 ?

froozeify commented 2 weeks ago

Hello @romanhrynevych the issue can be reproduce using Firefox Mobile on Android on nuxt ui website : https://ui.nuxt.com/components/popover

Looks like no issue with chrome for android

It appear you can also reproduce the issue using firefox desktop under the Responsive Design mode with Touch simulation enabled

husamMousa commented 2 weeks ago

Thanks for replying. This issue occurs in all the browsers I tried. You should know that this issue only happens in one project; it doesn't appear in my other project.

https://github.com/user-attachments/assets/4766db89-3e10-42ae-8bb3-a15f6ad3fbd2