style.css: invalid `[data-vaul-handle-hitarea]:` selector (stray colon)
Author: devsmithxdiprom-opsCreated Sep 7, 2026Updated Sep 7, 2026
Bug
style.css ships this rule:
@media (pointer: fine) {
[data-vaul-handle-hitarea]: {
width: 100%;
height: 100%;
}
}The trailing : after [data-vaul-handle-hitarea] is invalid CSS (it reads as an incomplete / empty pseudo-element). Lightning CSS (used by Vite) warns on every production build:
Found 1 warning while optimizing generated CSS:
│ @media (pointer: fine) {
│ [data-vaul-handle-hitarea]: {
┆ ^-- Invalid token in pseudo element: WhiteSpace(" ")Confirmed in vaul 1.1.2 (node_modules/vaul/style.css) and on main at src/style.css.
Expected
@media (pointer: fine) {
[data-vaul-handle-hitarea] {
width: 100%;
height: 100%;
}
}Environment
- vaul 1.1.2
- Vite + Lightning CSS
Happy to open a one-line PR if useful.
Source: emilkowalski/vaul