title: How to prevent Host 'focusin' and 'focusout' ? [StencilJS]
body: <p>I'm creating a custom<code>select</code> form control and when it has a state <code>disabled</code> I need to skip <code>focusin</code> and <code>focusout</code> events.</p>
  
  <p>This code without disabled validation doesn't work, the <code>focusin</code> is still emited.</p>
  
  <pre class="lang-js prettyprint-override"><code>@Element() private element: HTMLElement;
  
  public componentWillLoad() {
    this.element.addEventListener('focusin', (e) =&gt; {
      e.preventDefault();
      e.stopPropagation();
    });
  }
  </code></pre>