Shadow DOM

Shadow DOM allows your browser to include a subtree of DOM elements in the rendering of a document, but not into the main document tree. Shadow DOM works by hiding scoped DOM trees from traditional tree walking functions and accessors (childNodes, children, firstChild, etc.). These accessors return only the elements in your scope.

LogRocket automatically traverses these hidden nodes to support shadow DOM. No work on your end is required.

Note: We do not support closed mode at this time.

📘

:host() in Safari

There is a now resolved issue involving the :host() CSS pseudo-class function in Safari. This issue has been fixed as of MacOS 11.3/iOS 14.5. Recordings using Safari on earlier OSes will continue to encounter this issue.