title: Vue.js input suggestions visible when input is focused and @click
body: <p>I a having a small issue with my app. I display search suggestion only when the input is focused using v-show and @focus like this</p>
  
  <pre><code>//input
  @focus="shouldShowSuggestions = true"
  @blur="shouldShowSuggestions = false"
  
  //suggestions div
  v-show="shouldShowSuggestions"
  </code></pre>
  
  <p>When I focus on the input the suggestions are shown correctly but when I try to click on a suggestion the link is not clicked and suggestions disappear due to the @blur I have.</p>
  
  <p>I know the issue but I am not sure how to handle it. Any ideas?</p>
  
  <p>I created a pen with the problem in case it is not clear. 
  To reproduce just, focus on the input and try to click on a suggestion.</p>
  
  <p>Codepen: <a href="https://codepen.io/anon/pen/vrdavv" rel="nofollow noreferrer">https://codepen.io/anon/pen/vrdavv</a></p>