arrow-down arrow at-sign bug check checkbox-checked checkbox-unchecked svg-checkmark chevron-right chevrons-right circle-down circle-left circle-right circle-up cloud2 svg-cross2 download download external-link filter github hash home leaf leaf left link-2 log-in log-out mail menu message-square minus plus radio-checked radio-checked2 radio-unchecked search settings spinner8 target twitter up upload-2 user users warning x zap
  • Home
  • Report a bug
  • Contribute
  • All issues
  • Login

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 Screenshot
Browser Configuration
  • None

From webcompat.com with ❤️

Please login to edit issues.

View issue on Github

Shortcut: Press l on your keyboard to open the label editor. Shortcut: Press g on your keyboard to be taken to the GitHub view of this page.
Needs Triage
#140917

nimble.ni.dev - Chrome applies focus-visible styling to anchor when it should not

Opened: 2024-08-27
Reporter: m-akinc
Comments: 2
  • Home
  • List of issues
  • About
  • Contribute
  • Contact
  • Privacy Policy
  • Terms of Service
  • Code of Conduct