Skip to content

Editor Modes: Navigation in Select Mode doesn't work smoothly with nested blocks #18780

@gziolo

Description

@gziolo

Describe the bug
Upon entering "Navigation" mode from the nested block, you got stuck in the context of the parent block. You can't use arrow up/down keys to navigate to the parent block. In addition, if there is only one child block, then those keys don't work at all and sometimes the focus gets lost. In effect, you can't enter "Edit" mode anymore with the keyboard.

The same issues exist when tabbing after "Navigation" mode gets enabled for the nested block. The behavior is slightly different. Pressing Tab moves the focus to the Publish Panel. Pressing Shift + Tab moves the focus to the block controls which shouldn't show up in this mode.

Expected behavior
Both arrow up/down keys and tabbing works properly and respects both children and parent blocks.

Screenshots
keyboard-modes
keyboard-modes-tab

Desktop (please complete the following information):

  • OS: macOS
  • Browser Safari
  • Version 13

Additional context
Gutenberg 7.0 - the latest master.

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Feature] Writing FlowBlock selection, navigation, splitting, merging, deletion...[Focus] Accessibility (a11y)Changes that impact accessibility and need corresponding review (e.g. markup changes).[Type] BugAn existing feature does not function as intended

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions