ui
ui copied to clipboard
UInputMenu has wrong name attribute when multiple active
Environment
- Operating System: Linux
- Node Version: v22.4.0
- Nuxt Version: 3.14.1592
- CLI Version: 3.15.0
- Nitro Version: 2.10.4
- Package Manager: [email protected]
- Builder: -
- User Config: default
- Runtime Modules: @nuxt/[email protected], [email protected], @vueuse/[email protected]
- Build Modules: -
Is this bug related to Nuxt or Vue?
Nuxt
Version
v3.14.1592
Reproduction
<script setup lang="ts">
const places = ref([])
const placeItems = ref([{ id: 1, name: 'Place 1' }, { id: 2, name: 'Place 2' }])
</script>
<template>
<UInputMenu name="places"
v-model="places"
:items="placeItems"
value-key="id"
label-key="name"
icon="i-lucide-search"
class="w-full"
multiple/>
</template>
Description
Name attribute should be name[], not [name][].
I believe this behavior has completely changed in Reka UI, would you mind checking again? 😬
Nope :)
I do reproduce when using the Combobox component from Reka UI.