Skip to content

bug: (v5) label style not applying properly when using responsive breakpoints #3558

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
ilyvion opened this issue Feb 28, 2025 · 2 comments
Closed
Assignees

Comments

@ilyvion
Copy link

ilyvion commented Feb 28, 2025

What version of daisyUI are you using?

5.0.0-beta.9

Which browsers are you seeing the problem on?

All browsers

Reproduction URL

https://play.tailwindcss.com/V8SgFJkIKp

Describe your issue

When you have <span class="sm:label">, the style of the label doesn't fully apply; the most noticable of which is the border that should be inserted between the label and the input box:
Image
By comparison, it looks like this if you remove the sm: part:
Image
Not that I feel like I need to justify why I want to be able to use sm: here, but just in case; I want it to look like this when there's not enough room for a label, i.e. when we're in the xs breakpoint:
Image

Copy link

Thank you @ilyvion 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 saadeghi self-assigned this Feb 28, 2025
@saadeghi
Copy link
Owner

Will be fixed in 5.0 tomorrow 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants