Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Focus outline on Code Snippet is unstyled

See original GitHub issue

When clicking in a code snippet, it appears that we have a un-styled focus indicator:

This is called (I believe) by tabindex="0" and role="textbox", which I believe is moreso meant for an area where you can freely edit text.

Issue Analytics

State:
Created 4 years ago
Comments:15 (14 by maintainers)

Top GitHub Comments

3reactions

tw15egancommented, Jan 30, 2020

Personally, I think the preliminary fix (no height adjustments) looks great and could be implemented immediately it seems. I like that it stays the same height in both macOS versions.

2reactions

tw15egancommented, Jan 29, 2020

Focus styles have been removed from multi-line snippet, @emyarod is going to look into a possible cross-browser / os solution to the single line snippet in a separate PR

Top Results From Across the Web

WCAG: Firefox and Edge don't show outline on focussed input ...

The browsers show a focus indicator that is only a differently colored border, when entering a form element – as long as it's...

How to Style CSS Focus Outline - Joy of Code

Removing Focus Outline Is Bad For Accessibility You might be tempted to remove focus styles. There's only one problem.

Preflight - Tailwind CSS

Overview. Built on top of modern-normalize, Preflight is a set of base styles for Tailwind projects that are designed to smooth over cross-browser ......

Unstyled React Button component and hook - MUI Base

Similarly to the native HTML <button> element, the Unstyled Button component can't receive focus when it's disabled. This may reduce its accessibility, as ......

outline - CSS: Cascading Style Sheets - MDN Web Docs

Assigning outline a value of 0 or none will remove the browser's default focus style. If an element can be interacted with it...