Shadow DOM & CSS glitches in V0 and V1

cheatsheet.md

V0 webcomponents.js polyfill

::content selector is not polyfilled and breaks entire coma-separated list

When you load stylesheet with Shadow DOM selectors dynamically, ::content selector is not polyfilled. It get even worse as it breaks entire definition so for

.foo.bar,
.baz > ::content > .blah{
    color: green;
}

color: green will not get applied even for .foo.bar.

Thant's why you have to duplicate entire rule and polyfill ::content by yourself:

.foo.bar,
.baz > ::content > .blah{
    color: green;
}
.foo.bar,
.baz > .blah{
    color: green;
}