canonical / canonical/vanilla-framework
bug: dark theme text input turns white on hover and select
- Dominant language
- HTML
- Stars
- 983
- Forks
- 216
- Avg merge
- 3d 13h
- Merged PRs (30d)
- 3
Description
**Describe the bug**
When hovering over an autofill option in the text field, the original text field turns white.
After selecting an autofill option, the search bar reverts to light theme.
**To Reproduce**
Steps to reproduce the behavior:
1. Go to [dark form example](https://vanillaframework.io/docs/examples/patterns/forms/forms-dark)
2. Enter a test email in the email address section and hit enter to submit
3. Click on the email address section, hover over the previously submitted text and see error.
4. Select the autofill suggestion and see error.
**Expected behavior**
The input text field should remain the original theme colours and font.
**Screenshots**
Desktop (please complete the following information):
OS: macOS
Browser: Chrome
Version: 119.0.6045.199
Contributor guide
Research direction
Start with the linked dark form example and reproduce the autofill hover and selection behavior in Chrome. Inspect the input's rendered styles during both states and compare them with the expected dark theme colours and font. Done means the text field remains visually consistent with the dark theme after hovering and selecting an autofill suggestion.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100