Hover visiblity not working

[QadiymStewart]

What version of Tailwind CSS are you using?

For example: v4.0.9

What build tool (or framework if it abstracts the build tool) are you using?

Simple standard html

What browser are you using?

Chrome, Firefox, Edge

What operating system are you using?

Windows 11

Reproduction URL

https://play.tailwindcss.com/fiE9YSnMa9

Describe your issue

Hover doesn't work with visiblity

[wongjn]

This is actually because of how visibility: invisible (applied by invisible) works, as per the spec:

Invisible boxes are not rendered (as if they were fully transparent), cannot be interacted with (and behave as if they had pointer-events: none),

As an alternative, you could try using opacity: https://play.tailwindcss.com/mtP6v7jfj8