withPseudoState.js:194 DOMException: Failed to execute 'insertRule' on 'CSSStyleSheet': Failed to parse the rule '.iJhULf :focus:not(:focus-visible), .pseudo-focus.pseudo-focus-visible .iJhULf :not() { box-shadow: none; }'.

[isc30]

Describe the bug withPseudoState.js:194 DOMException: Failed to execute 'insertRule' on 'CSSStyleSheet': Failed to parse the rule '.iJhULf :focus:not(:focus-visible), .pseudo-focus.pseudo-focus-visible .iJhULf :not() { box-shadow: none; }'.

To Reproduce Have a CSS with the following content:

&:focus {
  box-shadow: 0 0 4px red;

  &:not(:focus-visible) {
    box-shadow: none;
  }
}

Expected behavior It should work

[philippone]

Hi @isc30 ,

unfortunately I cannot reproduce the error. Could you provide an example repo?

Which framework do you use?

Are there any other (s)css dependencies like css modules?

[isc30]

Hi, it happens when using styled-components, will create a demo app asap.

Thanks

El jue., 26 ago. 2021 8:38, Philipp Schardt @.***> escribió:

Hi @isc30 https://github.com/isc30 ,

unfortunately I cannot reproduce the error. Could you provide an example repo?

Which framework do you use?

Are there any other (s)css dependencies like css modules?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/Ergosign/storybook-addon-pseudo-states/issues/47#issuecomment-906136638, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACSOOCZM7JXDMEYVMNAF32LT6XOOVANCNFSM5CZD6DBA .

[shu-pf]

I am also an EMOTION and am having trouble with this error.