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 (
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.
Updated about 2 years ago