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(ComboBox): selectedIndex prog. setting on filtered items

Browse source
This commit is contained in:
István Pató 2022-01-05 15:32:07 +01:00
commit e00ee66cf5
No known key found for this signature in database
GPG key ID: 3A842123BFF8E969
1 changed files with 7 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/ComboBox/ComboBox.svelte
View file

@ -138,6 +138,7 @@
ref?.focus(); ref?.focus();
} }
let prevInputValue;
afterUpdate(() => { afterUpdate(() => {
if (open) { if (open) {
ref.focus(); ref.focus();
@ -163,15 +164,10 @@
selectedItem = filteredItems[0]; selectedItem = filteredItems[0];
highlightedIndex = -1; highlightedIndex = -1;
highlightedId = undefined; highlightedId = undefined;
} else {
if (filteredItems?.length === 1) {
selectedId = filteredItems[0].id;
selectedItem = filteredItems[0];
} else { } else {
selectedId = items[selectedIndex].id; selectedId = items[selectedIndex].id;
selectedItem = items[selectedIndex]; selectedItem = items[selectedIndex];
} }
}
dispatch("select", { selectedId, selectedIndex, selectedItem }); dispatch("select", { selectedId, selectedIndex, selectedItem });
} }
@ -268,8 +264,8 @@
inputValue = filteredItems[selectedIndex].text; inputValue = filteredItems[selectedIndex].text;
selectedItem = filteredItems[selectedIndex]; selectedItem = filteredItems[selectedIndex];
selectedId = filteredItems[selectedIndex].id; selectedId = filteredItems[selectedIndex].id;
} else {
} }
selectedIndex = items.findIndex((item) => item.id === selectedId);
} else { } else {
selectedIndex = 0; selectedIndex = 0;
open = false; open = false;
@ -278,6 +274,9 @@
inputValue = filteredItems[selectedIndex].text; inputValue = filteredItems[selectedIndex].text;
selectedItem = filteredItems[selectedIndex]; selectedItem = filteredItems[selectedIndex];
selectedId = filteredItems[selectedIndex].id; selectedId = filteredItems[selectedIndex].id;
selectedIndex = items.findIndex(
(item) => item.id === selectedId
);
} }
} }
} else if (key === 'Tab') { } else if (key === 'Tab') {