search

csstools / sanitize.css

A best-practices CSS foundation
https://csstools.github.io/sanitize.css
Creative Commons Zero v1.0 Universal
5.21k stars 314 forks source link

sanitize.css adds an extra dotted outline to focused buttons in Firefox #209

Closed simevidas closed 3 years ago

simevidas commented 3 years ago

Steps to reproduce:

  1. Open in Firefox: https://jsbin.com/zoletuk/edit?html,css,output
  2. Focus the button via the keyboard

Firefox shows its native focus indicator, but sanitize.css shows a dotted outline on top of that (at the same time):

Screen Shot 2021-03-03 at 1 04 55 AM

On my website, I have removed this dotted outline by applying this hotfix in my CSS code:

:-moz-focusring {
  outline: revert;
}

I haven’t yet figured out what sanitize.css should do..

jonathantneal commented 3 years ago

It seems like what this fixed is no longer an issue in Firefox. It’s been removed in https://github.com/csstools/sanitize.css/commit/7cf51168ff3fcf8c94a871cd34a0e3305820f007

Thank you for the clear report, @simevidas !