title: Shadow dom hides innerHTML
body: <p>when creating a custom element with shadow dom, and setting the element's innerHTML it isn't displayed. Why? and is there away to way to prevent this from happening?</p>
  
  <p>//JS Code</p>
  
  <pre><code>export default class VideoPlayer extends DomElement {
     constructor() {
        super();
        const mountPoint = document.createElement('div');
        this.attachShadow({ mode: 'open' }).appendChild(mountPoint);
    }
  }
  window.customElements.define('video-player', VideoPlayer);
  </code></pre>
  
  <p>//HTML CODE</p>
  
  <pre><code>&lt;video-player&gt;Why is this text hidden?&lt;/video-player&gt;
  </code></pre>