ColorModeSelect has non-functioning and meaningless props
Open
Nobody has claimed this yet.
triage
- Dominant language
- TypeScript
- Stars
- 6.9k
- Forks
- 1.1k
- Avg merge
- 1d 7h
- Merged PRs (30d)
- 57
Description
Environment
Nuxt project info:
| Operating system | Linux 6.17.2-061702-generic |
| CPU | AMD Ryzen 7 5700G with Radeon Graphics (16 cores) |
| Node.js version | v24.13.0 |
| nuxt/cli version | 3.32.0 |
| Package manager | pnpm@10.28.2 |
| Nuxt version | - |
| Nitro version | - |
| Builder | vite@7.3.1 |
| Config | - |
| Modules | - |
Is this bug related to Nuxt or Vue?
Vue
Package
v4.x
Version
v4.4.0
Reproduction
https://codesandbox.io/p/devbox/fragrant-frost-6m4vw9
Description
Some props of ColorModeSelect doesn't work, e.g. :trailing="false" does NOT removes trailing icon.
Others make no sense, e.g. resetSearchTermOnBlur and resetSearchTermOnSelect.
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 ColorModeSelect documentation and the linked CodeSandbox reproduction, then inspect the component's prop behavior for trailing, resetSearchTermOnBlur, and resetSearchTermOnSelect. Confirm which props are ineffective or meaningless, and consider the issue done when the documented behavior matches the rendered component and the reproduction no longer shows the problems.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nuxtjs, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100