multiselect

Vue 3 multiselect component with single select, multiselect and tagging options (+Tailwind CSS support).

MIT License

Downloads
346.6K
Stars
799
Committers
20
multiselect - 2.4.2

Published by adamberecz over 2 years ago

🐞 Bug Fixes

  • Hotfix for ES6 #235
multiselect - 2.4.1

Published by adamberecz over 2 years ago

🐞 Bug Fixes

multiselect - 2.4.0

Published by adamberecz over 2 years ago

🎉 Feature

  • 🎉 Added accessibility (a11y) support #22, #179.
  • 🎉 Added infinite scroll #76, #165, #198.
  • 🎉 Added RTL support #206.
  • 🎉 Close on click if opened #162.
  • Added id to input when searchable.
  • Re-open input on arrows & search type if closed.
  • Close dropdown instead of blur on select.
  • Added regex option #138.
  • Scroll to first selected on open #168.
  • Options are not reversed when openPosition: true.
  • Added reverse option.
  • Added searchStart option #169.
  • Added disabledProp option #202.
  • Added onCreate option #204.
  • Added select$ as second param to events and async options.
  • Added isSelected & isPointed to option slot scope #195.

🐞 Bug Fixes

  • Headless UI conflict resolved #182.
  • Keep selected options when async #228.
  • Show spinner even when not active #223.
  • Allow false value #222.
  • Resolve options on minChars: 0 too #230.
  • Added keyup, keydown events.
  • Resolved number tag creation duplicate bug.
  • Input height fix when searchable for FF.
  • CSS: moved max height to dropdown container from wrapper.
  • Vite & Nuxt 3 build warn fixes.
multiselect - 2.3.4

Published by adamberecz over 2 years ago

🎉 Feature

  • Async options change detectiion.
  • Label prop change detection.
  • Option & label texts can contain HTML.
multiselect - 2.3.3

Published by adamberecz over 2 years ago

🎉 Feature

  • Added attrs prop.
multiselect - 2.3.2

Published by adamberecz over 2 years ago

🐞 Bug Fixes

  • Removed @apply from default theme.
multiselect - 2.3.1

Published by adamberecz almost 3 years ago

🐞 Bug Fixes

  • Removed exports from package.json #178.
multiselect - 2.3.0

Published by adamberecz almost 3 years ago

🎉 Feature

  • Deprecated: appendNewTag, createTag, addTagOn props and @tag event.
  • Added appendNewOption, createOption, addOptionOn props and @option event #150.
  • Added selectAll method #172.
  • The trackBy prop now defaults to label #175.
  • Replaces focus on search when an option is selected #163.
  • Added <span> wrapper for single label with singleLabelText class key #157.

🐞 Bug Fixes

  • Don't show spinner when not active #156.
  • TailwindCSS 3 compatibility issue fix #176.
  • Don't show caret when showOptions are disabled #173.
  • Resolved headless UI modal click issue #148.
  • Resolved TailwindCSS/form ring issue #135.
  • Made classes reactive #126.
  • The addTagOn prop uses key instead of keyCode internally #125.
multiselect - 2.2.1

Published by adamberecz almost 3 years ago

🐞 Bug Fixes

  • Added missing CSS vars.
multiselect - 2.2.0

Published by adamberecz about 3 years ago

🎉 Feature

  • 🎉🎉 Added groups and related props which allow groupping options. 🎉🎉
  • Added tailwind.scss theme to use instead of classes if needed.
  • Added support for case sensitive tags when createTag is true #119.
  • Added inputType prop #108, #116.
  • Added @paste event #105.
  • Added tab as option for addTagOn #117.
  • Updated default max-height for dropdown (to 15rem).

🐞 Bug Fixes

  • When closeOnSelect is true in searchable tags and multiple mode the input now blurs upon selecting an option.
  • Fix for empty dropdown when async options are loading #115.
  • Fixed dropdown auto-scrolling when using arrows.
multiselect - 2.1.1

Published by adamberecz about 3 years ago

🎉 Feature

  • Added closeOnSelect prop.

🐞 Bug Fixes

  • Clear search on single option select #99 and #106.
  • Don't blur input when tags are being removed.
multiselect - 2.1.0

Published by adamberecz about 3 years ago

🎉 Feature

  • BREAKING: dropdown class now has dropdownHidden when it is closed instead of using v-show (requires using 2.1.0's themes/default.css)
  • BREAKING: removed :maxHeight prop. Use var(--ms-max-height) instead.
  • BREAKING: tags search layout has changed -> added a wrapper div and an extra span to calculate input width.
  • Dropddown can be closed on caret click #88.
  • Added :strict prop to achieve accent-free search #82.
  • Removed inline styles, CSP compilance #84.
  • Background images are now customizable via background-color #85.

🐞 Bug Fixes

  • Free typed tags fix #96.
  • Tabindex becomes -1 when :disabled.
multiselect - 2.0.1

Published by adamberecz over 3 years ago

  • Classname fixes.
  • Readme update.
multiselect - 2.0.0

Published by vueform over 3 years ago

  • BREAKING: Completely rewritten <template> and default.css.
  • Added CSS vars support for easier styling.
  • Added support for utility classes, like TailwindCSS.
  • Caret is now always displayed when caret: true regardless if the multiselect has selected option(s).
  • Added canDeselect and classes prop.
  • Added ; and , options to addTagOn prop.
multiselect - 1.5.0

Published by adamberecz over 3 years ago

🎉 Feature

  • Added native input support #48.
  • Added openDirection prop #52.
  • Added option as second param for select and deselect events.
  • Added @clear event #68.

🐞 Bug Fixes

  • Clear icon CSS fix.
  • Fixed unintendeed clear button showing up when canDeselect is false #61.
Package Rankings
Top 1.45% on Npmjs.org
Top 26.5% on Repo1.maven.org