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.

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

Enable keyboard navigation with the tab key #265

Conversation

henrycatalinismith
Copy link

This fixes #263 and #264. The reason for bundling fixes for two issues in one pull request is that one of the fixes is walking back a previous fix and I don't want to reintroduce the original bug, so atomically fixing both in one merge seems better!

File changed Issue addressed
App.jsx #263
PaneBase.jsx #264
ReportPane.jsx #264

So this first fixes #263 by walking back the fix to #104 in App.jsx. It then fixes both #264 and #104 simultaneously with the changes to PaneBase.jsx and ReportPane.jsx.

Comprehensive details are available on the issues themselves so I won't duplicate any of that here. Instead here's a screen recording demonstrating the behaviour of this change to the code. In it, I use the newly re-enabled keyboard navigation to open a call page (#263), then I tab all the way through the UI repeatedly without triggering the unwanted premature focusing of the report pane (#264).

Screen recording corresponding to the interaction described in the previous paragraph

Let me know what you think!

@henrycatalinismith henrycatalinismith closed this by deleting the head repository Dec 22, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Keyboard operation completely blocked by preventDefault call on all tab keydown events
1 participant