Check if element contains #shadow-root
<p>Is it possible to see if a Shadow DOM element exists? I'm not too concerned with manipulating it, or even really targeting it per-say. I understand the reasoning of the encapsulation. But I'd like to be able to style other elements in the regular DOM, based on whether or not the Shadow DOM element is present.</p>

<p>Sort of like:</p>

<pre><code>if ( $('#element-id #shadow-root').length ) {
    // true
}
</code></pre>

<p>Or if not for the shadow-root, at least a specific element within, like the id of a div. So if that div exists, then clearly that Shadow DOM element is on the page.</p>

<p>I know it wouldn't be that simple... From some research I've done, there are things like <code>&gt;&gt;&gt;</code> and <code>/deep/</code> but their support seems to be low/none/deprecated. Buy maybe there's another way, however inelegant it may be?</p>