search

carbon-design-system / carbon

A design system built by IBM
https://www.carbondesignsystem.com
Apache License 2.0
7.61k stars 1.76k forks source link

[Bug]: Browser autocomplete changes background color of TextInput when using dark theme #16341

Open jared-schwalbe opened 2 months ago

jared-schwalbe commented 2 months ago

Package

carbon-components-react

Browser

Chrome

Package version

v7.59.22

Description

While using the dark theme, whenever the browser suggests an autocomplete suggestion and the user selects it, the background color of the TextInput turns light blue. This clashes harshly with the dark theme. The same happens in light theme, but the light blue color works fine there.

Screenshots

Screenshot 2024-05-07 at 11 22 52 AM

Steps to reproduce

https://stackblitz.com/edit/github-mzvzu9?file=src%2FApp.jsx

  1. Open settings in chrome
  2. Choose "Autofill and passwords"
  3. Choose "Addresses and more"
  4. Enable "Save and fill addresses"
  5. Add an address with your name
  6. Open the stackblitz link above
  7. Click the text input and then select the auto complete suggestion

This was the only way that I could force the browser to use the auto complete feature. However, we have seen this is lots of places on IBM Cloud for various text inputs unrelated to addresses & names.

Code of Conduct

divya-281 commented 2 months ago

Hi @alisonjoseph I would like to work on this issue