nested drawer menu

[osama300]

I want to create a nested drawer navigation to display product categories in a sidebar.

Drawer 1: lists main categories

When the user clicks a category, Drawer 2 opens with its subcategories

Possibly continue opening deeper drawers for sub-subcategories

[osama300]

hello @saadeghi :)

[saadeghi]

There's an example here:
https://daisyui.com/components/menu/#collapsible-submenu

We don't do nested floating dropdowns inside each other. That's not a good UX.

[osama300]

The problem is that most websites require such a feature, and clients are asking for it.
I’ve implemented it, but sometimes it doesn’t work very well.
Since you’re a great developer, you probably know the best way to do it.
I hope you can take a look at it and share any improvements you might have.
here https://play.tailwindcss.com/5QPGBdKnst but need js not wrokin:)
drawer-daisyui-nested.html.zip