Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Keyboard operation completely blocked by preventDefault call on all tab keydown events #263

Open
henrycatalinismith opened this issue Sep 24, 2022 · 0 comments · May be fixed by #265
Open

Keyboard operation completely blocked by preventDefault call on all tab keydown events #263

henrycatalinismith opened this issue Sep 24, 2022 · 0 comments · May be fixed by #265

Comments

@henrycatalinismith
Copy link

Steps to reproduce

  1. Open any page.
  2. Paste setInterval(() => console.log(document.activeElement), 1024) into the console.
  3. Focus the viewport.
  4. Press tab repeatedly.

Expected outcome

Each time tab is pressed, the active element in the console should change. Depending on the page you test on, you should also see the visual focus indicator move forwards through the UI.

Screen recording where tab is pressed every second and a different element is logged each time

Actual outcome

Each time tab is pressed, the active element is still the <body> tag afterwards.

Screen recording where the same <body> tag is logged each second despite the tab keypresses

Recommendation

Remove the ev.preventDefault() call from the <App /> component's tab keydown event listener.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Enable keyboard navigation with the tab key henrycatalinismith/call.zetk.in
1 participant
@henrycatalinismith