Skip to content

fix: Fix styling and focusing of connections in shadow DOM#9952

Open
gonfunko wants to merge 1 commit into
v13from
webcomponent-styling
Open

fix: Fix styling and focusing of connections in shadow DOM#9952
gonfunko wants to merge 1 commit into
v13from
webcomponent-styling

Conversation

@gonfunko
Copy link
Copy Markdown
Contributor

@gonfunko gonfunko commented Jun 2, 2026

The basics

The details

Proposed Changes

This PR fixes two related issues:

  • Connections could not be navigated to when Blockly was used in the shadow DOM, because document was used to find the highlight SVG, and that refers to the document outside the scope of the shadow root. Now, the shadow root or document, as appropriate, is used.
  • Some focus-related styling was not displayed correctly inside the shadow DOM, because the blocklyKeyboardNavigation class was being added to document.body. Now, it is added to the parent of the injection div, which exists when Blockly is injected in or outside of the shadow DOM.

@gonfunko gonfunko requested a review from a team as a code owner June 2, 2026 10:47
@gonfunko gonfunko requested a review from maribethb June 2, 2026 10:47
@github-actions github-actions Bot added the PR: fix Fixes a bug label Jun 2, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

PR: fix Fixes a bug

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants