UFormField label is not associated to a child UListbox
Author: ttcchhmmCreated Jul 20, 2026Updated Sep 23, 2026
Labelstriage
Environment
| Operating system | Linux 7.0.0-28-generic (Ubuntu 24.04 LTS) |
| CPU | Intel(R) Core(TM) i7-10850H CPU @ 2.70GHz (12 cores) |
| Node.js version | v22.23.1 |
| nuxt/cli version | 3.37.0 |
| Package manager | [email protected] |
| Nuxt version | 4.5.0 |
| Nitro version | 2.13.4 |
| Builder | [email protected] |
| Config | compatibilityDate, css, devtools, modules |
| Modules | @nuxt/[email protected] |
Is this bug related to Nuxt or Vue?
Nuxt
Package
v4.x
Version
v4.10.0
Reproduction
Description
When using a UListbox inside a UFormField, the label generated by the UFormField is not associated to the UListbox. This creates a UListbox without a label for users relying on accessibility tools such as screen readers. I'm willing to try to make a PR to fix this issue if needed.
Additional context
Firefox shows an accessibility violation:
And the missing label is also visible on Chromium:
Logs
Source: nuxt/ui