fix: getDisplayValue for custom options

netchampfaris · netchampfaris · commit 40c4e7e9a79c · 2026-01-27T15:53:44.000+05:30
diff --git a/src/components/Combobox/Combobox.vue b/src/components/Combobox/Combobox.vue
@@ -163,14 +163,14 @@ function getDisplayValue(selectedValue: string | null | undefined): string {
   const options = props.options.flatMap((opt) =>
     isGroup(opt) ? opt.options : opt,
   )
-  const selectedOption = options.find((opt) => getValue(opt) === selectedValue)
+  const selectedOption = options.find((opt) => getKey(opt) === selectedValue)
   return selectedOption ? getLabel(selectedOption) : selectedValue || ''
 }
 
 const selectedOption = computed(() => {
   if (!internalModelValue.value) return null
   return allOptionsFlat.value.find(
-    (opt) => getValue(opt) === internalModelValue.value,
+    (opt) => getKey(opt) === internalModelValue.value,
   )
 })
 

Original file line number	Diff line number	Diff line change
`@@ -163,14 +163,14 @@ function getDisplayValue(selectedValue: string \| null \| undefined): string {`
`163`	`163`	`const options = props.options.flatMap((opt) =>`
`164`	`164`	`isGroup(opt) ? opt.options : opt,`
`165`	`165`	`)`
`166`		`- const selectedOption = options.find((opt) => getValue(opt) === selectedValue)`
	`166`	`+ const selectedOption = options.find((opt) => getKey(opt) === selectedValue)`
`167`	`167`	`return selectedOption ? getLabel(selectedOption) : selectedValue \|\| ''`
`168`	`168`	`}`
`169`	`169`
`170`	`170`	`const selectedOption = computed(() => {`
`171`	`171`	`if (!internalModelValue.value) return null`
`172`	`172`	`return allOptionsFlat.value.find(`
`173`		`- (opt) => getValue(opt) === internalModelValue.value,`
	`173`	`+ (opt) => getKey(opt) === internalModelValue.value,`
`174`	`174`	`)`
`175`	`175`	`})`
`176`	`176`