title: Blur event for custom vue component
body: <p><strong>What I have</strong><br>
  A custom DropDown with a filter text input above. The DropDown can be opened independently from the filter text input.</p>
  <p><strong>What I want</strong> <br>
  The intended behavior would be, that the dropdown closes when the filter input loses focus and also when I click with the mouse outside of the DropDown, so that the DropDown loses the focus.</p>
  <p><strong>What I tried</strong><br></p>
  <ul>
  <li>Bind to the blur event on my root div element in the control, which doesn't fire at all.</li>
  <li>I also couldn't find anything about internal component methods which I could override.</li>
  </ul>
  <p><strong>Code</strong></p>
  <pre><code>  &lt;div @blur=&quot;onRootLostFocus&quot;&gt;
      ...
    &lt;/div&gt;
  
    ...
    ...
    ...
  
    onRootLostFocus() {
      console.log('LostFocus');
      this.deactivateSearchPanel();
      this.deactivateSelectionPanel();
    }
  </code></pre>
  <h1>Solution</h1>
  <p>I missed, that a div needs <code>tabindex=&quot;0&quot;</code> to be focusable, this fixed my problem</p>