Skip to content
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

bug: v5 Block button not applying margins properly. #3365

Closed
Mashiane opened this issue Jan 6, 2025 · 3 comments
Closed

bug: v5 Block button not applying margins properly. #3365

Mashiane opened this issue Jan 6, 2025 · 3 comments

Comments

@Mashiane
Copy link
Contributor

Mashiane commented Jan 6, 2025

What version of daisyUI are you using?

v5 beta

Which browsers are you seeing the problem on?

Edge

Reproduction URL

https://play.tailwindcss.com/6ZYZnXlVf4

Describe your issue

Hi

I just started playing with v5 beta, just noted that when applying margins to a block button, the margin on the right is not applied properly.

image

Copy link

github-actions bot commented Jan 6, 2025

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

@Mashiane
Copy link
Contributor Author

Mashiane commented Jan 7, 2025

I just noted the same behavior for Alerts. These are just added on the body of the page.

image

@saadeghi
Copy link
Owner

saadeghi commented Jan 7, 2025

This is how CSS works… It's not about daisyUI
https://play.tailwindcss.com/CHXT55QWKq

margin is outside of width so when width is 100% and there's additional margin, it will be more than 100%.

Let me know if you have a question.

@saadeghi saadeghi closed this as completed Jan 7, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants