-
-
Notifications
You must be signed in to change notification settings - Fork 1.2k
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: .btn transform and "stretched link" #2961
Comments
Thank you @pawelpbm
for reporting issues. It helps daisyUI a lot 💚
|
You can fix this by adding But this whole thing is unnecessary. It's much simpler to use a Let me know if you have a question. |
I have not thought about using |
What version of daisyUI are you using?
4.7.2
Which browsers are you seeing the problem on?
Chrome
Reproduction URL
https://play.tailwindcss.com/nkymmKsw2I
Describe your issue
In few places in my project I'm using "stretched link" - which is something I originally found in Bootstrap. I'm currently porting the project to Tailwind + Daisy and for that element I'm using suggestion provided in Tailwind's Github.
It was working fine on most of the elements where the link was just a text element but now I'm trying to get it working with
.btn
- and this is failing...What happens: when hovering over the card, cursor changes to link coursor and browser shows the link in the bottom left, but when clicking it, nothing happens.
Minimal repro is here: https://play.tailwindcss.com/nkymmKsw2I
After quite a bit of messing with it I narrowed it down to
.btn
and specifically this part:When I add
active:hover:transform-none active:focus:transform-none
to thea
element all is working fine.I'm afraid I do not know HTML/CSS good enough to figure out if this is a bug or if I'm doing stuff wrong...
The text was updated successfully, but these errors were encountered: