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

fix(ComboBox): selection via typing only find the enabled item, resolves #1222

Browse source
This commit is contained in:
István Pató 2022-08-04 08:32:51 +02:00
commit 1c2e869030
No known key found for this signature in database
GPG key ID: 3A842123BFF8E969
1 changed files with 5 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/ComboBox/ComboBox.svelte
View file

@ -205,9 +205,7 @@
$: menuId = `menu-${id}`;
$: comboId = `combo-${id}`;
$: highlightedId = items[highlightedIndex] ? items[highlightedIndex].id : 0;
$: /** @type Array<ComboBoxItem> */ filteredItems = items.filter((item) =>
shouldFilterItem(item, value)
);
$: filteredItems = items.filter((item) => shouldFilterItem(item, value));
</script>
<svelte:window
@ -301,23 +299,14 @@
}
} else {
// searching typed value in text list with lowercase
/** @type Array<ComboBoxItem> */
const listOfItems = filteredItems.map((e) => {
return {
id: e.id,
text: e.text?.toLowerCase(),
disabled: e.disabled,
};
});
const matchedItem = listOfItems.find(
(e) => e.text === value?.toLowerCase()
const matchedItem = filteredItems.find(
(e) =>
e.text.toLowerCase() === value?.toLowerCase() && !e.disabled
);
if (matchedItem) {
// typed value has matched
open = false;
selectedItem = filteredItems.find(
(e) => e.id === matchedItem.id
);
selectedItem = matchedItem;
value = selectedItem.text;
selectedId = selectedItem.id;
} else {