search

saadeghi / daisyui

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library
https://daisyui.com
MIT License
32.03k stars 1.24k forks source link

bug: Media breakpoint doesn't seem to apply with menu-horizontal #3117

Open ThibsG opened 4 days ago

ThibsG commented 4 days ago

What version of daisyUI are you using?

4.12.10

Which browsers are you seeing the problem on?

Chrome, Firefox

Reproduction URL

https://play.tailwindcss.com/let2Ry0pnA

Describe your issue

First, thanks a lot for this amazing library 😉

I tried to apply a media breakpoint to menu-horizontal to have it vertical in small screens and horizontal otherwise, but it sounds like the media breakpoint condition does not apply in the rendering.

So I've been using the following:

<ul class="menu md:menu-horizontal bg-base-200 rounded-box">

In big screens, I want the menu horizontal, like: <ul class="menu menu-horizontal bg-base-200 rounded-box">

In small screens, I want it vertical, like: <ul class="menu bg-base-200 rounded-box">

github-actions[bot] commented 4 days ago

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

saadeghi commented 4 days ago

Additional note: This issue only exists in CDN file.