:defined CSS pseudo class does not work on shadow DOM elements

The CSS pseudo class :defined is not being applied to shadow DOM elements.

As an example if you use web components and have the following CSS:

:not(:defined) {
opacity: 0;
}

The web components will have opacity: 0 because they are not in the CustomElementsRegistry.

Hmm, should we move this issue to our rrweb fork, maybe? WDYT?

@mydea

@mydea I wanted to add it here for visibility since users would end up in this repo

feat(replay): Define custom elements (web components)

Navigation Menu