Skip to content

Tabbing to Font size ToggleGroupControl applies a font size #62981

@jeryj

Description

@jeryj

Description

When using a keyboard, you can't tab past the Typography Size in the Block Settings Sidebar without also applying a font size. There's no way to get past the field and also remain at the default style (no font size option).

Step-by-step reproduction instructions

  • Select a paragraph without any font sizes applied
  • Tab to the block settings sidebar
  • Continue tabbing past the font size selector in the Typography panel
  • The first font size option will be applied when you tab to the font size toggle group panel
  • Tab past the field, and the option will still be applied

Screenshots, screen recording, code snippet

Screen.Recording.2024-06-28.at.9.44.42.AM.mov

Video shows the cursor on a paragraph in the post editor. Tab keypresses move focus to the Block settings sidebar for the paragraph. There is no option selected for the Typography Font Size. When the tab key moves focus to the font size selector, the first option (small) is selected. Tab key is pressed again to move past the field and the small option is still selected, even though it was never intentionally acted on (enter or space keypress).

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

[Feature] UI ComponentsImpacts or related to the UI component system[Focus] Accessibility (a11y)Changes that impact accessibility and need corresponding review (e.g. markup changes).[Package] Components/packages/components[Priority] HighUsed to indicate top priority items that need quick attention[Status] In ProgressTracking issues with work in progress[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