Current Password Field BG color

[ajhollid]

While using dark theme, the "Current Password" field on the Password page has a white background on initial visit:

Steps to reproduce:

1. Go to Monitor page or any other top level page
2. Expand the account menu item and navigate to "Password"

[saksham-malhotra-27]

Hey ! I can do this one if you say

[gorkem-bwl]

Hey ! I can do this one if you say

Sure! Go ahead please. Make sure you deploy the app and send a screenshot showing it is fixed.

[saksham-malhotra-27]

Alright !

[saksham-malhotra-27]

Hi ,
I tried reproducing the issue with the "Current Password" field on the Password page when using the dark theme. However, when I visited the page, the background color appeared correct, matching the dark theme, rather than showing a white background as described.

Could you kindly confirm the following to help me understand the issue better?

1. Browser & Version: Could you let me know which browser and version you were using when you encountered the problem?
2. Steps to Reproduce: Did the issue occur immediately after visiting the page, or was there any delay in loading the theme?
3. Clearing Cache: Have you tried clearing the browser cache or testing in an incognito window to ensure the issue persists?

This will help me troubleshoot more effectively.

Additionally, I've noticed that if we use Google-suggested passwords or passwords saved in Google, we encounter the white background in the text field. I've attached two screenshots for reference:

1. My view, where the background appears correct:
   

2. White background issue, which occurs when using Google-suggested passwords:
   

3. Aftermath of using a strong password via Google:
   

If the bug is being reproduced in this way, please let me know, and I can investigate further.

Thank you for your help!

[saksham-malhotra-27]

If the issue is due to Google’s remembered passwords, it applies here as well, as shown in the screenshot:

This seems to be related to Chrome's autofill feature, which remembers certain fields like email or password. It’s possible that whenever these remembered fields are used, this problem arises.

This appears to be related to Chrome's autofill feature, which remembers fields like email or password. Could this behavior be linked to the issue, or can it be considered negligible since the white background doesn’t appear in other scenarios?

[saksham-malhotra-27]

Hey!
I did some research and came across a similar issue that others have faced. Here's an example I found:
Elastic EUI Issue

I made a few modifications to the code, and it’s working now! 🎉
Check it out:

Let me know what you think!

[marcelluscaio]

Nice @saksham-malhotra-27 ! Did you open a PR for that?

[gorkem-bwl]

Looks great! It's an issue with most of the apps I saw and never thought it could be fixed. :)

[saksham-malhotra-27]

Hey! Just about to open a PR.
Let me know if everything looks good.

[saksham-malhotra-27]

Hey! It would be great if you could review my PR and share any suggestions for improvement.

[saksham-malhotra-27]

Hey @gorkem-bwl @marcelluscaio ! I submitted a PR related to this a couple of days ago. Could you please review it when you get a chance?