title: Vuetify Combobox - open dropdown on icon click
body: <p>I'm trying to create a search input field with a history of previous searches on a dropdown, like, for example the search field in the Intellij editor.</p>
  
  <p>I'm new to Vuetify and from what I can see so far it looks like Combobox is the best component to use.</p>
  
  <p>I would like the dropdown to only open if you click the dropdown icon. At the moment the dropdown opens when you click in the text input field. From the documentation is looks like prop <code>:menu-props="{openOnClick: false}"</code> might be what I need, but it doesn't seem to work. </p>
  
  <p>Can anyone give me pointer in the right direction?</p>
  
  <p><a href="https://codepen.io/damianhelme/pen/zMXJvb" rel="noreferrer">https://codepen.io/damianhelme/pen/zMXJvb</a></p>
  
  <pre><code>&lt;v-combobox
     v-model="search"
     :items="searchHistory"
     label="Search"
     :menu-props="{openOnClick: false}"
  &gt;&lt;/v-combobox&gt;
  
  new Vue({
    el: '#app',
    data () {
      return {
        search: '',
        searchHistory: [
          'Apple',
          'Banana',
          'Pear'
        ]
      }
    }
  })
  </code></pre>
  
  <p>Thanks.</p>