Skip to content

Site editor: Navigating regions via keyboard shortcuts gets stuck on a region #52920

@afercia

Description

@afercia

Description

It appears that in the Site editor when navigating regions via keyboard shortcuts, at some point you get stuck on a region. This is a serious regression in a feature that greatly helps all keyboard users to use the editor efficiently.

As a side note: If I remember correctly there are a few E2E tests in place for the navigate regions feature but these are only for the Post editor. It appears it would be greatly beneficial to add tests for this feature also for the Site editor.

Reminder for testing: The keyboard shortcuts varies depending on the operating system. You can always check what the available keyboard shortcuts are in the editor > Options > Keyboard shortcuts.

On macOS:

Navigate to the next part of the editor.

  • Control + backtick or alternatively Control + Option + N

Navigate to the previous part of the editor.

  • Shift + Control + backtick or alternatively Control + Option + P

Step-by-step reproduction instructions

  • First, go to the Post editor and observe the keyboard shortcuts work as expected:
    • At each key combination press, focus moves to one of the editor main regions.
    • A blue focus outline appears around the currently focused region.
  • Go to the Site editor.
  • On first load, the Editor is in View mode.
  • Use the keyboard shortcuts and observe focus move from the navigation panel to the preview iframe and so on.
  • So far so good.
  • Switch the editor to Edit mode.
  • Try the keyboard shortcut to move to the Next region.
  • You are almost immediately stuck on one of the regions.
  • Try the keyboard shortcut to move to the Previous region.
  • Observe you can navigate 2-3 regions and then you get stuck.

Screenshots, screen recording, code snippet

No response

Environment info

No response

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

Metadata

Metadata

Assignees

Labels

[Focus] Accessibility (a11y)Changes that impact accessibility and need corresponding review (e.g. markup changes).[Package] Edit Site/packages/edit-site[Status] In ProgressTracking issues with work in progress[Type] BugAn existing feature does not function as intended[Type] RegressionRelated to a regression in the latest release

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions