title: Clickable v-menu open on hover
body: <p>Vuetify <code>v-menu</code> has <code>open-on-hover</code> property.</p>
  <p>Using this, user can use menus using hover instead of clicking.</p>
  <p>This hover menu close when itself clicked.</p>
  <p>I want to set menu which have optional hidden area.</p>
  <p>So, i need a hover menu can be clicked without closing.</p>
  <p>Is there any way to do this?</p>
  <p>thank you in advance.</p>
  <p>this is my sample code.</p>
  <pre><code>&lt;v-menu open-on-hover&gt;
    &lt;template v-slot:activator=&quot;{ on }&quot;&gt;
      &lt;span&gt;hover menu&lt;/span&gt; 
    &lt;/template&gt;
  &lt;!-- v-menu content --&gt;
    &lt;v-card&gt;
      &lt;v-btn @click=&quot;hiddenarea = true&quot;&gt;open&lt;/v-btn&gt;
  &lt;!-- hiddenarea --&gt;     
      &lt;span v-if=&quot;hiddenarea&quot;&gt;Here is hidden area&lt;/span&gt;
    &lt;/v-card&gt;
  &lt;/v-menu&gt;
  </code></pre>
  <p><a href="https://vuetifyjs.com/en/components/menus/#hover" rel="nofollow noreferrer">Menu Component  -Vuetify.js</a></p>