Skip to content

fix!: apply hover styles only on hover-capable devices - #2832

Open
kseniya57 wants to merge 1 commit into
nextfrom
hover-under-media
Open

kseniya57 wants to merge 1 commit into
nextfrom
hover-under-media

Conversation

@kseniya57

@kseniya57 kseniya57 commented Sep 16, 2026 •

Copy link
Copy Markdown
Contributor

Wrap :hover styles in @media (hover: hover) to prevent sticky hover effects on touch devices. Preserve independent focus, active, selected, and expanded states, and keep actions previously revealed on hover accessible on touch screens.

@media (hover: hover) is widely supported across browsers since December 2018. Older browsers without support will ignore the wrapped styles. On hybrid devices, hover effects depend on the primary pointing device, so connecting a mouse may not enable them.

@kseniya57 kseniya57 self-assigned this Sep 16, 2026
@kseniya57 kseniya57 changed the title fix: apply hover styles only on hover-capable devices fix!: apply hover styles only on hover-capable devices Sep 16, 2026
@gravity-ui

gravity-ui Bot commented Sep 16, 2026

Copy link
Copy Markdown
Contributor

Preview is ready.

@gravity-ui

gravity-ui Bot commented Sep 16, 2026

Copy link
Copy Markdown
Contributor

🎭 Component Tests Report is ready.

@kseniya57 kseniya57 added this to the V8 milestone Sep 16, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant