🤦‍♂️

accidentally tagged a release and published to npm without a compiled dist. Use v2.3.3.

Bug Fixes, Accessibility, UX Improvements

Another contributor release, huge thanks to all of you.

New

• filterable boolean prop (defaults to true) used to enable disable filtering of results. Very useful when you are loading results server side. Thanks to @annismckenzie and @pegiadise for #386
• tabindex prop sets the tabindex on the search input. Thanks to @janwillemvd for #379

Fixes

• bugs that allowed for some interactions to still work while component was disabled
• disabled autocomplete by default on the search input, browser UI was overlapping the dropdown

Merged #348, #339, #379, #385, #386

Closes #210, #336, #173, #200, #53, #51, #52, #324

🎉 First Full-Contributor Release!

This is the first release of the component that has been written almost entirely by contributors, most of which are first-time contributors. Massive thanks to everyone in the community that contributed, then waited patiently for this release.

Your contributions are amazing, and greatly appreciated! Thank you!

New

Option Templating with Scoped Slots

<v-select>
    <template slot="selected-option" scope="option">
        <img :src="option.img" /> {{option.label}}
    </template>
    <template slot="option" scope="option">
        <img :src="option.img" /> {{option.label}}
    </template>
</v-select>

• Implemented by @edwindj in PR #202
• closes #193, #85
• created selected-option & option scoped slots

Accessibility

• added relevant aria-label attributes to improve component accessibility (#244)
• added input-id prop to allow setting an ID on the search input, allows focussing from labels (#129)
• RTL support with dir="rtl" (#274)
  • dir prop accepts rtl, ltr, defaults to auto

UI

• overhauled single select appearance (#171)

UX

• added close-on-select prop
  • boolean prop: when true, dropdown will close after selecting a value
• added disabled prop to disable user interactions when true

Fixes

• fixed longstanding issue where return keypress would bubble up and submit forms (#249)
  • Closes #179, #81

Changes

• multiple select dropdowns now close by default on the first selection

Browser Consistency, Ajax Improvements

New 🎉

• (#146) The debounce prop has been removed, for the same reasons it was removed from Vue
• removed deprecated <transition> from component and updated to work with Vue 2.0 transitions
• search event is now emitted when the search text changes as an alternative to the on-change callback
• dropdown will not be displayed if loading is true, improving UX for ajax searches

Fixes

• (#130) clear button no longer appears in IE
• (#165) fixes issue where dropdown didn't display in bootstrap4-alpha6
• (#161) showLoading should have been called mutableLoading
  • added a watcher to keep mutableLoading in sync with the loading prop
• removes default search input styling in Safari
• removed more unused styles
• increases consistency between browsers and css frameworks

This is really more of a patch release, because debounce wasn't actually doing anything since 2.0.0 and could be considered deprecated, but now the prop has been removed entirely, so I'm bumping the minor. Most of the changes are related to keeping this looking as consistent as possible between browsers and css frameworks.

Standalone CSS

New

vue-select no longer relies on any styles from Bootstrap, everything is self contained. It still works awesome with bootstrap and has been tested with the following CSS frameworks:

• Bulma
• Foundation
• Bootstrap 3/4

Changes

• text-center class used on the no-options list item changed to no-options
• CSS selectors have been updated to be as extensible as possible while providing baseline styling
• removed any opinionated styles like font family/size

Fixes

• Fixes #148

v2.0.1

New

vue-select will now throw a warning if you are using an array of objects for options, and a label can't be found. Prevents a TypeError from being thrown. Closes #155.

Vue 2.0 Compatible

New

• vue-select is now compatible with Vue 2.x
• v-model syntax can now be used instead of value.sync
  • <v-select v-model="value"></v-select>
• added search:focus and search:blur events for search input
• added input event when selected value changes
• significantly improved development environment
• added no-drop property to allow for a v-select with no dropdown - useful for taggable selects
• closes #94

Note that the docs site has not been updated yet, this is next on the list. Refer to the readme for now.

v1.3.3

Changes

• the loading spinner will be shown if loading is true, independent of wether an onSearch callback was defined

v1.3.2

Fixes

• Fixed a bug where a pre-selected value would not be removed from the value array when being de-selected, closes #74

New

• added a deselect method to remove selected values

v1.3.1

New

Added resetOnOptionsChange boolean prop as suggested by @bladesling & @deckvig in PR #63. This prevents the selected value from being wiped when options change, unless set to true. Defaults to false.