saadeghi / daisyui

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library

Home Page:https://daisyui.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

bug: menu-horizontal submenus styled differently when using `menu-dropdown` vs `details`

camzach opened this issue · comments

What version of daisyUI are you using?

v4.10.1

Which browsers are you seeing the problem on?

Chrome, Firefox

Reproduction URL

https://codepen.io/camzach/pen/NWmLxPJ

Describe your issue

My navigation contains a menu that's currently using the details element, but I'd like to be able to control it programmatically so that I can close the details when the user clicks outside of the menu. Unfortunately, dropdowns produced by menu-horizontal > .menu-dropdown are styled differently from dropdowns produced by menu-horizontal > dialog > ul.

Thank you @camzach 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.