fix: 🐛 blocked select when only one choice and not selected option

ArnaudTA · ArnaudTA · commit 62ba6388f565 · 2024-10-20T00:44:42.000+02:00
diff --git a/src/components/DsfrSelect/DsfrSelect.vue b/src/components/DsfrSelect/DsfrSelect.vue
@@ -71,7 +71,7 @@ const messageType = computed(() => {
       @change="$emit('update:modelValue', ($event.target as HTMLInputElement)?.value)"
     >
       <option
-        :selected="modelValue == null"
+        :selected="modelValue == null || !options.some(option => typeof option !== 'object' ? option !== modelValue : option.value === modelValue)"
         disabled
         hidden
       >

Original file line number	Diff line number	Diff line change
`@@ -71,7 +71,7 @@ const messageType = computed(() => {`
`71`	`71`	`@change="$emit('update:modelValue', ($event.target as HTMLInputElement)?.value)"`
`72`	`72`	`>`
`73`	`73`	`<option`
`74`		`- :selected="modelValue == null"`
	`74`	`+ :selected="modelValue == null \|\| !options.some(option => typeof option !== 'object' ? option !== modelValue : option.value === modelValue)"`
`75`	`75`	`disabled`
`76`	`76`	`hidden`
`77`	`77`	`>`