question-mark
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.

error details are not keyboard-navigable

See original GitHub issue

Observed behavior

the error details are currently implemented using a <pre> tag instead of a <textarea>:

image

This means that you can’t get a cursor into the text area, or use ctrl-a to select all. Instead, it selects everything on the page:

image

Expected behavior

I expected to be able to put a cursor in there and then:

  • use ctrl-a, ctrl-c, or
  • or, move the cursor around and select subsets of the text using the keyboard

User-facing consequences

slightly different UX than typical for this kind of UI

Errors and logs

N/A

Steps to reproduce

Try to tab down to the field

Context

see #4051

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
indirectlylitcommented, Sep 5, 2018

A <text-area> seems an odd decision, given that this isn’t supposed to be taking any input? I can understand some use cases for subset selection, but wouldn’t the “copy-to-clipboard” button be more ideal than doing the ctrl-a, ctrl-c procedure?

This is pretty standard behavior for a crash report. Some examples:

Adobe:

image

Mozilla:

image

OSX:

image

Purely subjective, but being able to tab into the error isn’t behavior I’d expect o.o

Not all users think like you 😃

0reactions
indirectlylitcommented, Nov 3, 2018

fixed in #4232

Read more comments on GitHub >

github_iconTop Results From Across the Web

Keyboard-navigable JavaScript widgets - Accessibility | MDN
When set to -1 , the element becomes focusable by script, but it does not become part of the keyboard focus order. The...
Read more >
Keyboard Accessibility - WebAIM
Making non-interactive elements keyboard navigable will cause confusion. Note: An <a> element is only keyboard accessible or presented to ...
Read more >
Common Accessibility Errors
Be sure that items in drop down menus are either usable from the keyboard (using the Tab or arrow keys) or that all...
Read more >
Keyboard Compatibility | Web Accessibility Initiative (WAI) - W3C
Provide a way for users to jump between blocks of content and controls. Keyboard issues occur particularly in forms, menus, and applications with...
Read more >
Keyboard Nav: Toolbox navigation not working for categories ...
Describe the bug Navigating around the toolbox while in keyboard navigation mode is not working when a category has children.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found