title: How to hide menu in Combobox if the search value is empty Vuetify?
body: <p>I have a simple Combobox component</p>
  
  <p>And I want it to hide the menu part when the input is empty (so when a match is not found).<br>
  And to show it again when the match is found.<br>
  I wan unable to find anything in props of combobox and menu in the docs.</p>
  
  <p>Any help will be appreciated.</p>
  
  <pre><code>&lt;v-combobox
              v-model="select"
              :items="states"
              :search-input.sync="search"
              label="Select a favorite activity or create a new one"
  &gt;&lt;/v-combobox&gt;
  
  new Vue({
    el: '#app',
    data () {
      return {
        select: 'Any value',
        search: null,
        items: [],
        states: [
          'Alabama',
          'Alaska',
          'American Samoa',
          'Arizona',
          'Arkansas',
          'California',
          'Colorado',
        ]
      }
    },
    watch: {
      search (val) {
        if(val &amp;&amp; val !== this.select) {
          this.querySelections(val)
        } else {
          console.log(val)
        }
      }
    },
    methods: {
      querySelections (v) {
        // Simulated ajax query
        setTimeout(() =&gt; {
          this.items = this.states.filter(e =&gt; {
            return (e || '').toLowerCase().indexOf((v || '').toLowerCase()) &gt; -1
          })
        }, 500)
      }
    }
  })
  </code></pre>
  
  <p><strong>UPDATE</strong></p>
  
  <p>I think I found the solution</p>
  
  <p>I added  <code>:menu-props="{value: autoselectMenu}"</code> to the combobox then I created <code>autoselectMenu: false</code> property in my data. And in my watcher I did this</p>
  
  <pre><code>search (val) {
        if(val &amp;&amp; val !== this.select) {
          this.querySelections(val)
          this.autoselectMenu = true
        } else if(!val) {
          this.autoselectMenu = false
        }
      }
  </code></pre>
  
  <p><a href="https://codepen.io/Allan11/pen/yWaRVO" rel="nofollow noreferrer">Link</a></p>