canonical / canonical/vanilla-framework

bug: dark theme text input turns white on hover and select

Open
#4,932 3 comments 0 reactions 0 assignees View on GitHub
Bug 🐛 P3 Triaged Triaged: v4
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**

Screenshot 2023-12-04 at 11 26 51 AM
Screenshot 2023-12-04 at 1 26 29 PM

Desktop (please complete the following information):

OS: macOS
Browser: Chrome
Version: 119.0.6045.199

Contributor guide

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.