saadeghi / daisyui

๐ŸŒผ ๐ŸŒผ ๐ŸŒผ ๐ŸŒผ ๐ŸŒผ โ€ƒThe most popular, free and open-source Tailwind CSS component library
https://daisyui.com
MIT License
32.21k stars 1.25k forks source link

bug: Nesting Collapse in Dropdown menu results in unintended Dropdown behaviour #3116

Open angus6b23 opened 2 weeks ago

angus6b23 commented 2 weeks ago

What version of daisyUI are you using?

v4.12.10

Which browsers are you seeing the problem on?

All browsers

Reproduction URL

https://codepen.io/Angus-Wan/pen/JjqQgMq

Describe your issue

Steps to reproduce:

  1. Wrap a collapse component (using details and summary element) inside a dropdown menu (display on hover)
  2. Hover over the dropdown button, the menu display normally
  3. Hover out, the menu disappear normally
  4. Hover over somewhere near the position of the collapse component without hovering the dropdown button, the menu display unexpectedly

Please see the codepen for the action.

github-actions[bot] commented 2 weeks ago

Thank you @angus6b23 for reporting issues. It helps daisyUI a lot ๐Ÿ’š
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.