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

fix(ComboBox): programmatically set selected index (#995)

Browse source 
* fix(ComboBox): programmatically set selected index

* refactor(ComboBox): renaming example to Reactive example
This commit is contained in:
István Pató 2022-01-13 00:36:37 +01:00 • committed by GitHub
commit d31e529ca9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 45 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/ComboBox/ComboBox.svelte
View file

@ -110,7 +110,6 @@
let selectedId = undefined;
let selectedItem = undefined;
let inputValue = value;
let prevInputValue = undefined;
let prevSelectedIndex = undefined;
let highlightedIndex = -1;
@ -130,6 +129,7 @@
* @type {() => void}
*/
export function clear() {
prevSelectedIndex = undefined;
selectedIndex = -1;
highlightedIndex = -1;
highlightedId = undefined;
@ -150,6 +150,10 @@
if (!selectedItem) {
selectedId = undefined;
selectedIndex = -1;
inputValue = "";
highlightedIndex = -1;
highlightedId = undefined;
prevSelectedIndex = undefined;
} else {
// programmatically set selectedIndex
inputValue = selectedItem.text;
@ -157,18 +161,23 @@
}
});
$: if (selectedIndex > -1 && prevSelectedIndex !== selectedIndex) {
prevSelectedIndex = selectedIndex;
if (filteredItems?.length === 1 && open) {
selectedId = filteredItems[0].id;
selectedItem = filteredItems[0];
highlightedIndex = -1;
highlightedId = undefined;
} else {
selectedId = items[selectedIndex].id;
selectedItem = items[selectedIndex];
$: if (selectedIndex > -1) {
if (prevSelectedIndex !== selectedIndex) {
prevSelectedIndex = selectedIndex;
if (filteredItems?.length === 1 && open) {
selectedId = filteredItems[0].id;
selectedItem = filteredItems[0];
highlightedIndex = -1;
highlightedId = undefined;
} else {
selectedId = items[selectedIndex].id;
selectedItem = items[selectedIndex];
}
dispatch("select", { selectedId, selectedIndex, selectedItem });
}
dispatch("select", { selectedId, selectedIndex, selectedItem });
} else {
prevSelectedIndex = selectedIndex;
selectedItem = undefined;
}
$: ariaLabel = $$props["aria-label"] || "Choose an item";