Polyfill CSS pseudo-classes
Open
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
Assessment
This issue has not been assessed yet.