title: How can I access dom element which is present under the shadow root element in Angular
body: <pre><code>&lt;div&gt;
  
  &lt;external-component&gt;
  
  #shadow-root
  
  &lt;div class=&quot;test&quot;&gt;
  
  &lt;button value=&quot;submit&quot;&gt;&lt;/button&gt;
  
  &lt;/div&gt;
  
  &lt;/external-component&gt;
  
  &lt;/div&gt;
  </code></pre>
  <p>Want to access submit button. I have tried using ElementRef I am not able to access the element, because it's present under shadowDom. If any one can help me about this.</p>