Black Lives Matter. Please consider donating to Black Girls Code today.

Dash slider button highlighting on Chrome, works fine on Firefox

Chrome Version 79.0.3945.79 (Official Build) (64-bit)

You can do it on an app or see it on this page:
https://dash.plot.ly/dash-core-components

When I click the slider or move it in chrome it gets highlighted with a box. If I click drag and let go the highlighted box persists until i click elsewhere on the page. On firefox the same functionality does not highlight it at all no matter what you do, which is what I think is intended. Sidenote, the font for that same page looks different in chrome vs firefox, anyone know why that would be the case?

Chrome:

.
Firefox:

This is usually part of the keyboard accessibility features of the browser - element highlighting allows a user to access the components of web page with keyboard only (usually with tab) and in this case adjust the slider with arrow keys.

I’m not a web developer, but I think it’s generally considered good practice to have these components keyboard accessible, so I’d argue that the way Chrome renders it is correct. Here is what it looks like in Safari:

.

Firefox on MacOS also renders a box, so it might be something you have changed in settings?