HelpAction Icon active/hover state inconsistent across browers
- Dominant language
- JavaScript
- Stars
- 193
- Forks
- 112
- PR merge metrics
- No merged PRs in 30d
Description
In Chrome, when you click on the HelpAction, the svg stays blueish gray
In Firefox, when you click the HelpAction, it flickers blueish gray and highlights the icon bright blue.
It seems like this is happening because Chrome is keeping the active state on `.hig__icon-button` while Firefox does not.
Safari keeps the blueish gray until you move the mouse and it'll turn bright blue
Contributor guide
Research direction
Start by reproducing the HelpAction interaction in Chrome, Firefox, and Safari, then inspect the active and hover behavior of .hig__icon-button. Done means the icon has a consistent active and hover appearance across all three browsers without flickering or retaining the wrong color.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100