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

Cannot use Tab to move to columns #41014

Open
alexstine opened this issue May 12, 2022 · 2 comments
Open

Cannot use Tab to move to columns #41014

alexstine opened this issue May 12, 2022 · 2 comments
Labels
[Block] Table Affects the Table Block [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). [Type] Bug An existing feature does not function as intended

Comments

@alexstine
Copy link
Contributor

Steps:

  1. Insert a table block.
  2. Select Create Table button.
  3. Press Tab key to move to the second column.
  4. Notice how focus leaves the block and arrives at the sidebar.
  5. I expected focus to land in the second column and only reach the sidebar after the field labeled Caption.

This is related to writing flow. Just can't figure out how to adjust the logic here.

@alexstine alexstine added [Type] Bug An existing feature does not function as intended [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). [Block] Table Affects the Table Block [a11y] Keyboard & Focus labels May 12, 2022
@costdev
Copy link
Contributor

costdev commented May 12, 2022

Reproduction report

Environment

  • OS: Windows
  • Server: WSL2 (Ubuntu)
  • Browser: Google Chrome 101.0.4951.54
  • WordPress: 6.1-alpha-53344-src
  • Gutenberg version: with and without Gutenberg 13.1.0 active

Steps to reproduce.

  • Insert a table block.
  • Select Create Table button.
  • Press Tab key to move to the second column.
  • 🐞Notice how focus leaves the block and arrives at the sidebar.

Results

  • Issue reproduced. ✅

@t-hamano
Copy link
Contributor

t-hamano commented May 12, 2022

I developed a table block plugin with tab key navigation.
This is not an extension of RichText, but rather the logic to detect keyboard events within a block.
I am sure there are many improvements that could be made, but I hope this will be helpful.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Table Affects the Table Block [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). [Type] Bug An existing feature does not function as intended
Projects
None yet
Development

No branches or pull requests

4 participants