Enrich Your Session Replays With Shadow DOM Components

Docs > RUM & Session Replay > Real User Monitoring & Session Replay Guides > 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.

URL: https://docs.datadoghq.com/real_user_monitoring/guide/shadow-dom/