[Listbox] mismatched color when switching `disabled` state back and forth
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 6.9k
- Forks
- 1.1k
- Avg merge
- 1d 7h
- Merged PRs (30d)
- 57
Description
Environment
| Operating system | Linux 6.18.25-1-lts |
| CPU | Intel(R) Core(TM) i3-6100U CPU @ 2.30GHz (4 cores) |
| Node.js version | v22.22.2 |
| nuxt/cli version | 3.34.0 |
| Package manager | pnpm@10.33.0 |
| Nuxt version | 4.4.2 |
| Nitro version | 2.13.2 |
| Builder | vite@7.3.1 |
| Config | compatibilityDate, css, devtools, eslint, fonts, imports, modules, routeRules, ssr, supabase |
| Modules | @nuxt/eslint@1.15.2, @nuxt/ui@4.7.1, @nuxtjs/supabase@2.0.5, @nuxt/image@2.0.0, nuxt-viewport@2.4.0 |
Is this bug related to Nuxt or Vue?
Nuxt
Package
v4.x
Version
v4.4.2
Reproduction
https://ui.nuxt.com/docs/components/listbox#disabled
For some reason it doesn't show on codesanbox but it does also on the nuxt ui docs (both tested on Brave and Zen Browser)
Description
When you disable the Listbox the color dims, and when you enable it back, it brightens but not the original color, and you have to hover over each item to give them their base color
Additional context
No response
Logs
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the Listbox disabled example at https://ui.nuxt.com/docs/components/listbox#disabled and reproduce the color change by toggling the disabled state. Trace the Listbox component and its styling from that entry point; done means re-enabling restores each item's original color without requiring hover.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nuxtjs, tailwindcss, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 47/100