Skip to content

Scope toolboxes to editor to ensure unique ids#11382

Merged
riknoll merged 5 commits into
microsoft:masterfrom
microbit-robert:scoped-toolbox
Jun 10, 2026
Merged

Scope toolboxes to editor to ensure unique ids#11382
riknoll merged 5 commits into
microsoft:masterfrom
microbit-robert:scoped-toolbox

Conversation

@microbit-robert

Copy link
Copy Markdown
Contributor

This is required to ensure that screen reader works with both the blocks and monaco toolboxes.

This also improves semantics for the extensions tree item which tells users that it will open a dialog.

This is required to ensure that screen reader works with both the blocks and
monaco toolboxes.
Comment thread webapp/src/toolbox.tsx Outdated
import { classList } from "../../react-common/components/util"
import { Aria } from "react-modal"

type AriaHasPopup = boolean | "dialog" | "menu" | "false" | "listbox" | "grid" | "tree" | "true";

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we should move this to some central location and update the typing you added in sui.tsx to reference it as well

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Turns out there is a built-in we can use instead, so have removed the custom type and used this in toolbox and sui.tsx 9ffc483

@microbit-robert microbit-robert requested a review from riknoll June 9, 2026 19:33
@riknoll riknoll enabled auto-merge (squash) June 9, 2026 21:33
@riknoll riknoll merged commit 250e937 into microsoft:master Jun 10, 2026
12 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants