---
title: Enrich Your Session Replays With Shadow DOM Components
description: Guide about Shadow DOM compatibility with Session Replay.
breadcrumbs: >-
  Docs > RUM & Session Replay > Real User Monitoring & Session Replay Guides >
  Enrich Your Session Replays With Shadow DOM Components
---

# Enrich Your Session Replays With Shadow DOM Components

{% alert level="danger" %}
Datadog only supports open Shadow DOM.
{% /alert %}

## Overview{% #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{% #setup %}

Starting with `v4.31.0` of the [RUM Browser SDK](https://docs.datadoghq.com/real_user_monitoring/application_monitoring/browser/), 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{% #further-reading %}

- [Learn about Session Replay](https://docs.datadoghq.com/session_replay/browser/)