diff --git a/src/MultiSelect/MultiSelect.svelte b/src/MultiSelect/MultiSelect.svelte index e9d358b4..0c5edf7a 100644 --- a/src/MultiSelect/MultiSelect.svelte +++ b/src/MultiSelect/MultiSelect.svelte @@ -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