Enrich Your Session Replays With Shadow DOM Components
Datadog only supports open Shadow DOM.
Overview
Shadow DOM helps developers build more modern websites by allowing them to incorporate isolated and reusable components into their code. Often used in order to keep a clean code structure and avoid style clashes, Shadow DOM usage has become more prominent in modern web development practices.
Setup
Starting with v4.31.0 of the RUM Browser SDK, Datadog provides support of open Shadow DOM without requiring additional configuration. Components which are located inside a shadow root are automatically captured by Session Replay. This feature is not supported for the following:
- Closed Shadow DOM
- Dynamic Shadow DOM
- Change in the dynamic CSS style
Note: The open Shadow DOM compatibility has been tested on popular frameworks.
Further Reading
Additional helpful documentation, links, and articles:
