vuetifyjs / vuetifyjs/vuetify

[Bug Report][3.8.4] Icon color is not applying on clear icon on selection inputs (v-autocomplete, v-combobox etc.)

Open
#21,402 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

C: VAutocomplete C: VCombobox C: VField C: VSelect has workaround T: enhancement
Dominant language
TypeScript
Stars
41k
Forks
7.1k
Avg merge
1d 21h
Merged PRs (30d)
11

Description

Environment

Vuetify Version: 3.8.4
Vue Version: 3.5.13
Browsers: Chrome 136.0.0.0
OS: Linux x86_64

Steps to reproduce

Open the link and check icon color added as blue which applied to menu icon but not on the clear icon.

Expected Behavior

Clear icon should also take the color of the icon color or we should have a separate prop for this.

Actual Behavior

Clear icon is not taking the color of icon-color prop.

Reproduction Link

https://play.vuetifyjs.com/#...

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Open the reproduction link and compare the icon-color behavior in v-autocomplete and v-combobox, focusing on the clear icon versus the menu icon. Trace the selection-input implementation from those component entry points and confirm the clear icon either inherits icon-color or has the requested separate prop, then verify the reproduced behavior is resolved.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.