Browser / Version: Chrome 128.0.0
Operating System: Windows 10
Tested Another Browser: Yes Edge
Problem type: Something else
Description: Chrome applies focus-visible styling to anchor when it should not
Steps to Reproduce:
When you click the "Menu Button" button, it drops-down a menu, and the first item (which, importantly, is a styled anchor element) has a green focus ring (from :focus-visible styling). In other browsers (Firefox, or even Edge with the same Chromium version), there is no focus ring.
Hi @miketaylr . Quick update on our triage process:
We will focus our efforts on Firefox issues, non-firefox issues will be left untriaged, that is the reason why I am needsinfo-ing you on Chrome issues. We will do so from now on
URL: https://codepen.io/makinc/pen/dyBKxvz
Browser / Version: Chrome 128.0.0 Operating System: Windows 10 Tested Another Browser: Yes Edge
Problem type: Something else Description: Chrome applies focus-visible styling to anchor when it should not Steps to Reproduce: When you click the "Menu Button" button, it drops-down a menu, and the first item (which, importantly, is a styled anchor element) has a green focus ring (from :focus-visible styling). In other browsers (Firefox, or even Edge with the same Chromium version), there is no focus ring.
View the screenshot
Browser Configuration
From webcompat.com with ❤️