[Bug]: Flash of unstyled content when using Web Components

[kwalker3690]

Preflight Checklist

• I have searched the issue tracker for a bug report that matches the one I want to file, without success.

What package is this bug report for?

rrweb

Version

v2.0.0-alpha.12

Expected Behavior

Replay will render web components as they are rendered in the web browser

Actual Behavior

There is a flash of unstyled content when web components are first loaded. It is particularly noticeable when the replay is first starting, but can also be seen if web components are fetched over the course of a replay.

Record.@2024_04_05T16_10_25.-.5.April.2024.mp4

Steps to Reproduce

1. Use REPL or another tool to capture a replay on a site with web components, like https://m3.material.io/components/buttons/overview
2. View the replay
3. Observe a flash of unstyled content at the beginning of the replay, and possibly again throughout the replay when new web components are rendered

Testcase Gist URL

https://rrwebdebug.com/play/index.html?url=http%3A%2F%2Fjsonblob.com%2F1225864328652906496&version=2.0.0-alpha.12&virtual-dom=on&play=on

Additional Information

No response