fix: minor fix

Kong · Dec 13, 2024 · 0203544 · 0203544
1 parent 826a243
commit 0203544
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/KSelect/KSelect.vue b/src/components/KSelect/KSelect.vue
@@ -671,11 +671,12 @@ watch(() => props.items, (newValue, oldValue) => {
   }
 
   for (let i = 0; i < selectItems.value?.length; i++) {
-    // Ensure each item has a `selected` property
+    // Ensure each item has a selected property
     if (selectItems.value[i].selected === undefined) {
       selectItems.value[i].selected = false
     }
 
+    // ensure each item has a unique key property
     let selectItemKey = `${selectItems.value[i].label?.replace(/ /gi, '-')?.replace(/[^a-z0-9-_]/gi, '')}-${i}`
     if (selectItemKey.includes('undefined')) {
       selectItemKey = `select-item-label-${i}`

diff --git a/src/components/KSelect/KSelectItems.vue b/src/components/KSelect/KSelectItems.vue
@@ -3,6 +3,7 @@
     v-for="item in nonGroupedItems"
     :key="item.key"
     ref="kSelectItem"
+    :data-key="item.key"
     :item="item"
     @arrow-down="() => shiftFocus(item.key, 'down')"
     @arrow-up="() => shiftFocus(item.key, 'up')"
@@ -30,6 +31,7 @@
       v-for="item in getGroupItems(group)"
       :key="item.key"
       ref="kSelectItem"
+      :data-key="item.key"
       :item="item"
       @arrow-down="() => shiftFocus(item.key, 'down')"
       @arrow-up="() => shiftFocus(item.key, 'up')"