Shadow DOM is a capability to provide encapsulation when creating elements. It enables you to have a whole bunch of elements hidden behind a simple <tag>.
More specifically, it enables you to include a sub-tree of DOM elements into the rendering of a document, but not in the main document DOM tree.
Support of Shadow DOM
Usetiful provides a way to support the hidden separate DOM to an element. This article explains how to deliver “Shadow DOM” manually.
You simply need to write your shadow element inside of the Element field in Usetiful tour editor as follows:
“UsetifulShadowDom(.selector) #shdomH1”
