search

chromaui / storybook-addon-pseudo-states

CSS pseudo-classes for Storybook
MIT License
88 stars 28 forks source link

Psuedo state :has in css doesn't work in preview #96

Closed ludvikbrodl closed 6 months ago

ludvikbrodl commented 9 months ago

If you use sass and a style like:

.toggle {
  :has(:focus-visible) {
    background-color: red;
  }
}

The style is not applied in the preview and you get an error message. However if I disable storybook-addon-psuedo-states by removing it from addons in the storybook config the style is applied correctly and the error message is gone.

Screenshot from 2023-11-23 16-34-06

github-actions[bot] commented 6 months ago

:rocket: Issue was released in v2.3.0-next.1 :rocket: