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.

UX Improvement: Update control panel tabindex

See original GitHub issue

As a keyboard shortcut power user, I would love to be able to jump between input fields width and height with a single TAB press.

Currently, the tabindex is completely linear, so there’s three tab presses to get from width to height, although the two steps in between doesn’t have any actual interactions.

e.g: There’s no highlighted state for the two buttons in between width and height, and I can’t trigger either button with Enter.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:2
  • Comments:10 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
sindresorhuscommented, Dec 11, 2018

Kap already does a lot of custom UI, so I don’t see anything wrong by adding a custom focus state style. I think users should be able to tab through buttons too.

1reaction
isaiahnieldscommented, Nov 23, 2018

Are we still looking for someone to work on these improvements?

I noticed the following in v 3.0.0:

  1. There is no highlighted / selected state for any of the buttons on the action bar.
  2. Pressing the tab button immediately after the action bar is displayed takes the user to the size selection and some glitches seem to appear here with the record button.

If no one else is working on this, I’m happy to give it a go.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Using tabindex - web.dev
If you do use tabindex , restrict it to custom interactive controls like buttons, tabs, dropdowns, and text fields; that is, elements the...
Read more >
Postback via update panel resets TabIndex? - Stack Overflow
I can select a value in that list and then press TAB and the focus moves to the next control. So, can anyone...
Read more >
tabindex - Tab Index - HCL Product Documentation
Specifies the order in which a control gets focus when the user presses the Tab key.
Read more >
Example of Tabs with Automatic Activation | APG | WAI - W3C
In this example, a tab is automatically activated and its associated panel is displayed when the tab receives focus. It is recommended that ......
Read more >
Power Apps Tab Index and Child Controls in a Container
Power Apps Tab Index and Child Controls in a ContainerHey Everyone,In this video, We first start by learning what the "Z" pattern means...
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