:hover state on touch devices

[owljackob]

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]

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

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

[benjamincanac]

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

[owljackob]

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.