Skip to content

Releases: sagalbot/vue-select

🤦‍♂️

07 Jan 01:23
Compare
Choose a tag to compare

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

Bug Fixes, Accessibility, UX Improvements

09 Dec 18:49
Compare
Choose a tag to compare

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!

02 Oct 01:59
Compare
Choose a tag to compare

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)

Changes

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

Browser Consistency, Ajax Improvements

23 Mar 02:15
Compare
Choose a tag to compare

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

12 Mar 00:49
Compare
Choose a tag to compare

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

v2.0.1

09 Mar 20:57
Compare
Choose a tag to compare

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

04 Feb 01:13
Compare
Choose a tag to compare

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

15 Aug 23:53
Compare
Choose a tag to compare

Changes

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

v1.3.2

12 Jul 05:53
Compare
Choose a tag to compare

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

11 Jul 23:39
Compare
Choose a tag to compare

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.