Keyboard-friendly, accessible and highly customizable multi-select component
MIT License
Published by janosh over 2 years ago
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
Published by janosh over 2 years ago
aria-label
to hidden .form-control
input (closes #58) 9851028--sms-input-<attr>
to --sms-<attr>
12fd962inputClass
(re-closes #35) c8f12a2afterNavigate()
import in svelte-toc
2101837Full Changelog: https://github.com/janosh/svelte-multiselect/compare/v4.0.2...v4.0.3
Published by janosh over 2 years ago
Migrate tests from @testing-library/svelte
to Playwright in https://github.com/janosh/svelte-multiselect/pull/59
Improve a11y in https://github.com/janosh/svelte-multiselect/pull/60. Closes #56.
aria-invalid
when component has invalid=true
aria-expanded='false'
when closedaria-expanded='true'
when openaria-selected='false'
and selected items have aria-selected='true
input.form-control
is aria-hidden
Full Changelog: https://github.com/janosh/svelte-multiselect/compare/v4.0.1...v4.0.2
Published by janosh over 2 years ago
vitest
in https://github.com/janosh/svelte-multiselect/pull/50
Full Changelog: https://github.com/janosh/svelte-multiselect/compare/v4.0.0...v4.0.1
Published by janosh over 2 years ago
4 new props + 1 new type:
required = false
to prevent form submission if no options selected (closes https://github.com/janosh/svelte-multiselect/issues/42)autoScroll = true
to disable keeping dropdown items in view when going up/down list with arrow keysallowUserOptions = 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.loading = false
which displays <CircleSpinner />
if true (closes https://github.com/janosh/svelte-multiselect/issues/39)type DispatchEvents
used to annotate createEventDispatcher()
by @frederikhors in https://github.com/janosh/svelte-multiselect/pull/32
Full Changelog: https://github.com/janosh/svelte-multiselect/compare/v3.3.0...v4.0.0
Published by janosh over 2 years ago
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
Published by janosh over 2 years ago
Fixes for focus on click and wiggle on hitting maxSelect by @janosh in https://github.com/janosh/svelte-multiselect/pull/30
<input>
back inside ul.selected
maxSelect
wiggle condition<input>
on repeated clicks within top-level div
Full Changelog: https://github.com/janosh/svelte-multiselect/compare/v3.2.2...v3.2.3