[Vuejs]-How to prevent Vue Select from highlighting the first option?

by

0👍

I don’t see an option to disable the highlight, but you could style it to match the background and text color of the surrounding items, which effectively hides the highlight. For example, if the other items are black on white:

.vs__dropdown-option--highlight {
  background-color: white;
  color: black;
}

demo

However, this would have a side effect of disabling the highlight altogether, which isn’t user friendly when navigating with the keyboard.

0👍

For future visitors, Jeff Sagal says you can’t do it in the current release, but you will be able to do it in the next major release:

https://github.com/sagalbot/vue-select/issues/1312

Leave a comment