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

Fix filterable MultiSelect keydown behavior (#961)

Browse source 
* fix(multi-select): blur input when tabbing away

Fixes #938

* fix(multi-select): close a filterable menu on "Escape"

* fix(multi-select): open filterable menu on [Space]
This commit is contained in:
Eric Liu 2021-12-30 13:00:21 -08:00 • committed by GitHub
commit 997eeb7b48
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/MultiSelect/MultiSelect.svelte
View file

@ -64,7 +64,7 @@
* @type {(item: MultiSelectItem, value: string) => string}
*/
export let filterItem = (item, value) =>
item.text.toLowerCase().includes(value.toLowerCase());
item.text.toLowerCase().includes(value.trim().toLowerCase());
/** Set to `true` to open the dropdown */
export let open = false;
@ -412,10 +412,15 @@
}
} else if (key === 'Tab') {
open = false;
inputRef.blur();
} else if (key === 'ArrowDown') {
change(1);
} else if (key === 'ArrowUp') {
change(-1);
} else if (key === 'Escape') {
open = false;
} else if (key === ' ') {
if (!open) open = true;
}
}}"
on:keyup