title: How to focus and activate a vue multiselect?
body: <p>When the user double-clicks this:</p>
  
  <pre><code>&lt;div 
    class="open-select" 
    v-if="!editable" 
    @dblclick="editable=true"&gt;{{ name }} 
  &lt;/div&gt;
  </code></pre>
  
  <p>I'd like this multiselect to be open and focused:</p>
  
  <pre><code>&lt;multiselect
      v-else
      v-model="name"
      :options="names"
      track-by="id"
      tabindex="0"
      autofocus
      @select="editable=false"
  &gt;&lt;/multiselect&gt;
  </code></pre>
  
  <p>The double-click event shows the multiselect element fine, <strong>but the multiselect still requires the user to click it to open.</strong> I'd like it to open automatically after appearing.</p>
  
  <p>Things I've tried:</p>
  
  <ul>
  <li>focusing the multiselect:
  
  <ul>
  <li>tabindex="0"</li>
  <li>autofocus</li>
  <li>When I try to select the focused item in jQuery, <code>$(':focus')[0]</code>, I get 'undefined'</li>
  </ul></li>
  </ul>