[Gallery][WASM][UI Components] Grid - Autofilled Text Appears in Black When Switching to Dark Mode

[jhanvi03]

Current behavior

When the user autofills the first name, last name, and address fields in light mode and then switches to dark mode, the text appears in black instead of white. Manually entered text appears in white but autofill content remains black. Same when keeping it to Dark and then turning it to white the text remains white.

Light to Dark:

Screen.Recording.2024-07-22.at.3.22.16.PM.mov

Dark to Light:

Screen.Recording.2024-07-22.at.3.22.41.PM.mov

Expected behavior

Autofilled text should automatically adjust to the appropriate color (white) when switching to dark mode to ensure readability.

How to reproduce it (as minimally and precisely as possible)

1. Open Gallery in any of the web browser.
2. Turn the Light Mode ON
3. Navigate to Menu -> UI Components -> Grid
4. Scroll down to Form example
5. Autofill the First name, Last name and address.
6. Now turn the Dark Mode On from the side Menu panel.
7. Observe the text color entered.

Workaround

No response

Works on UWP/WinUI

None

Environment

No response

NuGet package version(s)

No response

Affected platforms

WebAssembly

IDE

No response

IDE version

No response

Relevant plugins

No response

Anything else we need to know?

No response