-
-
Notifications
You must be signed in to change notification settings - Fork 1.3k
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: Non-animated buttons behave strangely when active in Firefox #3202
Comments
Thank you @alissonlauffer
for reporting issues. It helps daisyUI a lot 💚
|
Update: I was able to fix this by setting the To be honest, it makes sense, since this way, we are explicitly telling the browser engine to not touch the scale. |
|
Arch Linux, most specifically running GNOME over Wayland.
Latest. I'm currently running beta 131 inside a flatpak, but I was able to reproduce it in stable. Oddly enough, on my home PC (Linux), setting the scale of my 1080p monitor to 125% (I use 100% by default) makes the problem disappear, so it seems to be a problem triggered by the browser recalculating the scale when the element isn't placed pixel-perfectly (which is why I can reproduce it when elements are centred), causing the button to drift a bit. |
Same here, using Firefox 130.0 on window 11. |
What version of daisyUI are you using?
v4.12.10
Which browsers are you seeing the problem on?
Firefox
Reproduction URL
https://play.tailwindcss.com/x7S8tCPxP0
Describe your issue
Buttons without animation seem to behave strangely when centred and clicked, especially in Firefox. Chrome also seems to do this, but in an almost imperceptible way (sub-pixel text change). Below is a screencast showing this.
Screencast.From.2024-09-07.16-41-00.webm
The text was updated successfully, but these errors were encountered: