[BUG] - Dropdown | Mobile | backdrop blur or opaque not working once you select dropitem

[Arkirion]

NextUI Version

2.3.5

Describe the bug

Using <Dropdown backdrop="opaque"> or "blur" and then click a DropdownItem will cause that when you try to open dropdown again it cannot do it until you click several times ( random times but a lot of times ).

I though it was me but you can reproduce it on https://nextui.org/docs/components/dropdown#changing-the-backdrop using chrome devtool and activating "toggle device toolbar" feature, I think is related to "touch interactivity" because resolution doesnt matter and it works perfectly on desktop but not on phone.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

0. Use your phone OR Activate chrome dev tool with "toggle device toolbar" feature, resolution doesnt matter
1. go to https://nextui.org/docs/components/dropdown#changing-the-backdrop
2. click Open menú button
3. click new file option
4. Try to click again Open menú button, it wont work until you click a lot of times.

Expected behavior

After click on a dropdown item, user should be able to click on dropdown button triggerer and see the the dropdown.

Screenshots or Videos

No response

Operating System Version

Windows or Android

Browser

Chrome

[linear[bot]]

ENG-676 [BUG] - Dropdown | Mobile | backdrop blur or opaque not working once you select dropitem

[andyryan33]

+1

[desiassassin]

Facing the same issue since December 2023. When using backdrop "blur" the trigger opens. Clicking outside works too unless I click on any dropdown element. Then nothing works, the dropdown doesn't open unless I refresh the page.

Any update on this?

Edit: Works on desktop as expected but breaks every time on mobile devices.