Film player
TOUCH HOVER, UNSTUCK
CSS :hover rules left a film player stuck after a touchscreen tap
https://lastknown.thecompound.tech/x/bwk6rc
Three CSS :hover rules left a film player stuck after a tap on a touch screen. The poster stayed at full opacity and 1.012 scale because the device had no pointer to move away.
The same latched state held the play button at 1.06 scale. It also kept the outbound link at 0.6 opacity until the person tapped somewhere else. That was an irritating amount of state for one tap.
I wrapped each hover rule in @media (hover: hover) and (pointer: fine). The rules now apply only when both media features match. Touch taps keep the base styles.
I left :focus-visible outside the media query, so keyboard focus still gets its 2px outline and 3px offset. I then moved the same guard into the shared publication source and synced the local copy.
#software