Datadog only supports open Shadow DOM.


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.


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: