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.

Sign up for GitHub

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

Jump to bottom

:hover state on touch devices #1096

Closed
owljackob opened this issue Dec 12, 2023 · 3 comments
Closed

:hover state on touch devices #1096

owljackob opened this issue Dec 12, 2023 · 3 comments
Labels
question Further information is requested

Comments

@owljackob
Copy link

Description

I use the UButton component from Nuxt UI. I have an issue with :hover state on touch devices (the effect stays applied after clicking). Any tips to solve it?
@owljackob owljackob added the question Further information is requested label Dec 12, 2023
@owljackob
Copy link
Author

Solved. You can add this to Tailwind's config.

module.exports = {
  future: {
    hoverOnlyWhenSupported: true,
  },
};

@benjamincanac Volta.net
Copy link
Member

Didn't know about that! Is this documented yet?

@owljackob
Copy link
Author

owljackob commented Dec 13, 2023 •
edited

Didn't know about that! Is this documented yet?

I don't think so, to be honest, but the details are here: tailwindlabs/tailwindcss#8394.

As I read the other issues, it's supposed to change (once released as stable), but for now this is the way to go.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
question Further information is requested
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@benjamincanac @owljackob