Skip to content

Toolbox flyout navigation becomes permanently broken after trying to select a FlyoutButtonΒ #526

@BenHenning

Description

@BenHenning

Check for duplicates

  • I have searched for similar issues before opening a new one.

Description

Attempting to navigate to a flyout button with keyboard navigation permanently breaks flyout navigation.

Reproduction steps

  1. Check out 8a9e9d9.
  2. Ensure that it's updated to use v12 beta.7 and has been correctly npm install'd and npm ci'd.
  3. Start the local test environment with npm run start.
  4. Open the test environment locally and tab navigate to the toolbox.
  5. Use down arrow keys until the Variables category is selected.
  6. Press the 'right' arrow key to move focus to the flyout.
  7. Press the 'left' arrow key to move focus back to the toolbox.
  8. Attempt to navigate to any toolbox category flyout and notice that the highlight no longer works. It's also not actually hidden, it's truly not selecting (since blocks cannot be inserted anymore).

Stack trace

N/A

Screenshots

Video repro:

Screen.recording.2025-05-15.12.48.59.PM.webm

Browsers

No response

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions