ix-input search clear button accessability issue

[Globuli]

There is a accessability issue with the search clear button which is set by the browser dom.

I used google chrome for this showcase

Explaining the source of the issue:

If you set the chrome theme to light it sets a blue clear item.
If you set the chrome theme to dark it sets a white clear item.

So far so good, the issue occurs as soon as the theme you set in chrome does not match the ix brand theme.

Siemens: Brand-Light theme
Chrome: Light Theme:

Siemens: Brand-Light Theme
Chrome: Dark Theme
Issue: you can barely see the white clear button

---

Siemens: Brand-Dark Theme
Chrome: DarkTheme

Siemens: Brand-Dark Theme
Chrome: LightTheme
Issue: Dark clear button visibility would be way better if it would stay white

Since the npm package for the siemens theme is not public i can not show it via Stackblitz.

I did not find a way to manipulate the clearbutton which is set by chrome.

As mentioned above I used this input component

<ix-input
        i18n
        type="search"
        placeholder="Search"
 >

Brand theme version:
@siemens/ix-brand-theme": "^2.2.0",
Angular 20+ standalone
@siemens/ix-angular": "^3.2.0

Are there perhaps any hidden properties to manipulate the color of the search clear button set by the dom?

If you have any further questions please reach out.

[AndreasBerliner]

Hi @Globuli
Thanks for reaching out and sorry for the long wait. Please use our issue template for future submissions.
Indeed, the ix-input component does not support the search type currently. To learn more about the types supported, please refer to the documentation. However, we plan to add support for this type in a future release. Stay tuned.

[github-actions]

🤖 Hello @Globuli

Your issue will be analyzed and is part of our internal workflow.
To get informed about our workflow please checkout the Contributing Guidelines

JIRA: IX-3673