mui / mui/base-ui

Polyfill CSS pseudo-classes

Open
#1,726 6 comments 4 reactions 0 assignees View on GitHub
scope: all components type: enhancement
Dominant language
TypeScript
Stars
10.9k
Forks
543
Avg merge
1d 20h
Merged PRs (30d)
101

Description

## `:active`

CSS `:active` doesn't work when popups are triggered by `mousedown`. This should be polyfillable so it actually does still work https://github.com/mui/base-ui/issues/1720

## `:hover`

`@media (hover: hover)` to prevent "sticky" hover on touch doesn't address hybrid devices

## `pressed`

Doesn't exist in CSS: an attribute for when a button component is pressed while handling mouse, touch, and keyboard interaction types (similar to our `[data-highlighted]` style hook for menu/select items) https://github.com/mui/base-ui/issues/1747. Our current `[data-pressed]` for some triggers style hook has a different meaning, this one is more like `:active`.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.