fix: Fix bug that caused flyout buttons to retain their active appearance on mobile by gonfunko · Pull Request #9582 · RaspberryPiFoundation/blockly

The basics

The details

Resolves

Fixes #6029

Proposed Changes

This PR fixes a bug that caused flyout buttons to remain visually highlighted after being tapped on mobile. This is because mobile browser apply :hover styles on :active, but don't stop applying them until something else gets focus. Now, the :hover style is limited to devices that actually support hovering via a media query, and an :active style has been added for mobile, which automatically gets removed post-tap.