When write & in :is() CSS pseudo-class selector more than twice, and then write any nested child selector, styled component will not parse & to the parent selector. Same bug applies in :where() and :has().
The reproduce shows that, expect when hovering over both parent element and current compoent element, the grandchild color will be blue. But actually, the grandchild color will be blue only when hovering over current compoent element, and be red when hovering over parent element.
Environment
System:
Binaries:
npmPackages:
Reproduction
https://stackblitz.com/edit/styled-components-example-bvz5fl?file=App.js
Steps to reproduce
When write
&
in:is()
CSS pseudo-class selector more than twice, and then write any nested child selector, styled component will not parse&
to the parent selector. Same bug applies in:where()
and:has()
.Example CSS:
Expected Behavior
Actual Behavior
Additional