title: How to change default auto selected user snippets behavior in Vs Code
body: <p>My default code editor is Vscode But recently i am facing some problem while i am trying to use some custom (User) code snippets for Vue js. I wrote some Vuejs custom snippets for my project. While i use some property in Vue instance like el, data, method etc. I saw the curly block area is automatically turn blurry or selected (What it is really called i don't know). While the blurry line remain only Keyboards <strong>ESC</strong> key can only remove this kind of behavior. It's really annoying. How can i stop this kind of behavior in Vscode  while using custom user snippets?</p>
  <p>Here is my snippet:</p>
  <pre><code>&quot; &quot;Provide the Vue instance an existing DOM element to mount on (Vue.js snippet)&quot;: {
      &quot;prefix&quot;: &quot;el&quot;,
      &quot;body&quot;: [&quot;el: $1&quot;],
      &quot;description&quot;: &quot;Provide the Vue instance an existing DOM element to mount on (Vue.js snippet)&quot;
  },
  &quot;The data object for the Vue instance (Vue.js snippet)&quot;: {
      &quot;prefix&quot;: &quot;data&quot;,
      &quot;body&quot;: [&quot;data: $1&quot;],
      &quot;description&quot;: &quot;The data object for the Vue instance (Vue.js snippet)&quot;
  }
  </code></pre>
  <p><strong>Result:</strong></p>
  <p><a href="https://i.stack.imgur.com/XLW9k.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XLW9k.png" alt="enter image description here" /></a></p>