mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-20 20:33:02 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(multi-select): pressing Enter should toggle menu, Space should select item

Browse source
This commit is contained in:
Eric Liu 2022-02-16 07:26:05 -08:00
commit 636e89cb1e
1 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/MultiSelect/MultiSelect.svelte
View file

@ -326,8 +326,15 @@
e.preventDefault(); e.preventDefault();
} }
if (key === ' ') { if (key === ' ' || key === 'Enter') {
open = !open; if (highlightedIndex > -1) {
sortedItems = sortedItems.map((item, i) => {
if (i !== highlightedIndex) return item;
return { ...item, checked: !item.checked };
});
} else {
open = !open;
}
} else if (key === 'Tab') { } else if (key === 'Tab') {
if (selectionRef && checked.length > 0) { if (selectionRef && checked.length > 0) {
selectionRef.focus(); selectionRef.focus();
@ -339,13 +346,6 @@
change(1); change(1);
} else if (key === 'ArrowUp') { } else if (key === 'ArrowUp') {
change(-1); change(-1);
} else if (key === 'Enter') {
if (highlightedIndex > -1) {
sortedItems = sortedItems.map((item, i) => {
if (i !== highlightedIndex) return item;
return { ...item, checked: !item.checked };
});
}
} else if (key === 'Escape') { } else if (key === 'Escape') {
open = false; open = false;
} }