svelte-multiselect

What's Changed

979116a make ToC position fixed (closes #64)
4c29b9c check for undefined (not falsy) value in rawOp processing (fixes #65)
92390e9 LanguageSlot change SVG icons src repo to vscode-icons for more coverage
e5d3284 Move examples to new src/routes/demos dir (#63)
cd0a01a more preselected slots in Examples.svelte

Full Changelog: https://github.com/janosh/svelte-multiselect/compare/v4.0.3...v4.0.4

What's Changed

• add aria-label to hidden .form-control input (closes #58) 9851028
• rename all CSS vars like --sms-input-<attr> to --sms-<attr> 12fd962
• add new prop inputClass (re-closes #35) c8f12a2
• add test 'multiselect > can select and remove many options' af9488c
• fix runtime error from afterNavigate() import in svelte-toc 2101837

Full Changelog: https://github.com/janosh/svelte-multiselect/compare/v4.0.2...v4.0.3

What's Changed

• Migrate tests from @testing-library/svelte to Playwright in https://github.com/janosh/svelte-multiselect/pull/59

  • plus write some new ones for MultiSelect in disabled state.
  • Includes a few a11y improvements for #56 with more to come.

• Improve a11y in https://github.com/janosh/svelte-multiselect/pull/60. Closes #56.

  • input is aria-invalid when component has invalid=true
  • has aria-expanded='false' when closed
  • has aria-expanded='true' when open
  • options have aria-selected='false' and selected items have aria-selected='true
  • invisible input.form-control is aria-hidden

Full Changelog: https://github.com/janosh/svelte-multiselect/compare/v4.0.1...v4.0.2

What's Changed

• Add vitest in https://github.com/janosh/svelte-multiselect/pull/50
  • yarn add vitest + @testing-library/svelte, create vite.config.ts 824638b
  • write some first basic tests 97ef27b
  • run vitest in CI on push + PR to main 95e4080
  • add test status readme badge 9c9d662
• More tests in https://github.com/janosh/svelte-multiselect/pull/51
  • bump pre-commit/mirrors-eslint to fix false-pos undefined vars from {@... 25154c3
  • document all props in readme (removeBtnTitle, removeAllTitle, default... ca3a170
  • test all props are mentioned in readme 3d55cf7
  • add CSS resets for margin + padding of input + button 0b42988
  • add test for remove all button (probably brittle), need to figure out... 66d5e08
• Readme document test runner config to avoid transpiling errors in downstream testing by @davipon in https://github.com/janosh/svelte-multiselect/pull/54
• CSS and UX tweaks in https://github.com/janosh/svelte-multiselect/pull/52
  • remove increased input font size (fixes #44.1) 603de94
  • reduce default --sms-border-radius from 5 to 3pt (fixes #44.3) 4bfa632
  • remove css prop --sms-li-not-selected-hover-border-left, use simple b… e145f7d
  • janosh changed the title CSS and UX tweaks for #44 CSS and UX tweaks 6 days ago janosh added 8 commits 3 days ago
  • add new prop autocomplete = off 84b4e92
  • bump actions/checkout in GH CI to v3 1c53878
  • split tests for readme docs and src/lib/index.ts export into separate… 7ec2f3f
  • delete duplicate test for src/lib/index.ts default export e3f8e1f
  • tweak global + Example.svelte CSS c30310c
  • bump actions/setup-node to v3 d8cfddb
  • delete onClickOutside action, use on:focusout instead 335d30a
  • add + document new CSS vars --sms-font-size, --sms-selected-text-color 36d16be
• Rename readonly to disabled in https://github.com/janosh/svelte-multiselect/pull/55
  • rename readonly prop to disabled 2261290
  • add and document disabled-icon slot eb93457
  • remove CSS var --sms-li-selected-border-left, unused since ul.options… 5745ada
  • don't open dropdown list when in disabled state (fixes #45) 8b823c2
  • document new disabledTitle prop 2e33a85
  • add multiselect in disabled state to Examples.svelte c9130ab

New Contributors

• @davipon made their first contribution in https://github.com/janosh/svelte-multiselect/pull/54

Full Changelog: https://github.com/janosh/svelte-multiselect/compare/v4.0.0...v4.0.1

What's Changed

4 new props + 1 new type:

• add prop required = false to prevent form submission if no options selected (closes https://github.com/janosh/svelte-multiselect/issues/42)
• add prop autoScroll = true to disable keeping dropdown items in view when going up/down list with arrow keys
• add prop allowUserOptions = false to allow users to enter values not in the dropdown list. true means add user-defined options to the selected list only, 'append' means add to both options and selected lists.
• add prop loading = false which displays <CircleSpinner /> if true (closes https://github.com/janosh/svelte-multiselect/issues/39)
• define type DispatchEvents used to annotate createEventDispatcher() by @frederikhors in https://github.com/janosh/svelte-multiselect/pull/32

New Contributors

• @frederikhors made their first contribution in https://github.com/janosh/svelte-multiselect/pull/32

Full Changelog: https://github.com/janosh/svelte-multiselect/compare/v3.3.0...v4.0.0

Lots of small improvements:

0b8ca70 by default, only show maxSelectMsg if maxSelect != null and > 1 (closes #37)
64cfd8a only show remove all btn when maxSelect !== 1 (for #37)
981781c add CSS var --sms-options-shadow defaults to subtle black shadow around dropdown list (0 0 14pt -8pt black) (closes #36)
c662d5d add prop liActiveOptionClass = '' (closes #35)
e8cb254 turn searchText = '' and showOptions = false into bindable props (closes #33)
8275515 documentation missing noOptionsMsg prop (closes #34)
7c43987 ensure custom class names (outerDivClass, ulOptionsClass) come last (closes #38)
20bf1cf fix ToC scroll to heading (closes #31)

Full Changelog: https://github.com/janosh/svelte-multiselect/compare/v3.2.3...v3.3.0

What's Changed

• Fixes for focus on click and wiggle on hitting maxSelect by @janosh in https://github.com/janosh/svelte-multiselect/pull/30

  • 4992416 CSS tweaks
  • 5d5638c move <input> back inside ul.selected
  • 5ea73e5 fix maxSelect wiggle condition
  • c5d370e fix keep focus on <input> on repeated clicks within top-level div
  • eeeebe9 improve Example.svelte a11y with form labels + ids

Full Changelog: https://github.com/janosh/svelte-multiselect/compare/v3.2.2...v3.2.3