How to query elements within shadow DOM from outside in Dart?

Question

How can I select nodes within shadow DOM? Consider the following example:

structure of \"unshadowed\" DOM

  #sha         


        

Answer 1

Pseudo selector ::shadow and combinator /deep/ doesn't work on firefox.

Use .shadowRoot

var shadowroot = app-element.shadowRoot;
shadowroot.querySelector('h2');