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 <#47 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACSOOCZM7JXDMEYVMNAF32LT6XOOVANCNFSM5CZD6DBA> .

[shu-pf]

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