Skip to content

Combo toggle button and clear icon have hardcoded focus foregrounds #16133

@didimmova

Description

@didimmova

Description

Currently the combo has added styles for focus for the toggle button and clear icon that set the icon's foreground to hardcoded secondary-500 color. This should be discussed with the design team and fixed, as it looks off-pattern and can't be styled through the theme by the user. Also it's combo and igniteui-angular specific, the combo in igniteui-webcomponents doesn't act like that, nor does the select in both projects.

  • igniteui-angular version: 20.0.x

Steps to reproduce

  1. Open the igniteui dev demos
  2. Open input group sample or combo sample and tab until you get to any of these two buttons
  3. Inspect and observe

Result

The foregorund of the toggle and clear buttons get secondary-500 on focus.

Expected result

The expected result should be discussed and provided from the design team

Attachments

Screen.Recording.2025-08-12.at.16.50.08.mov
Screen.Recording.2025-08-12.at.16.55.43.mov

Metadata

Metadata

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions