Skip to content

Ensure existing SVG overflows are respected for widget and dropdown divs#11405

Merged
riknoll merged 2 commits into
microsoft:masterfrom
microbit-robert:svg-overflow
Jun 16, 2026
Merged

Ensure existing SVG overflows are respected for widget and dropdown divs#11405
riknoll merged 2 commits into
microsoft:masterfrom
microbit-robert:svg-overflow

Conversation

@microbit-robert

Copy link
Copy Markdown
Contributor

The upgrade to Blockly v13 renders the widget and dropdown divs inside the injection div. As a result, the existing .injectionDiv svg { overflow: visible } rule now also matches SVGs inside those divs. To counter this, overflow is reverted for SVGs in the widget and dropdown divs. This allows existing styles and browser defaults to take effect. See sound effect editor example below.

Before (current beta):
Screenshot 2026-06-12 at 16 33 30

After:
Screenshot 2026-06-12 at 16 33 03

@riknoll riknoll enabled auto-merge (squash) June 16, 2026 18:00
@riknoll riknoll merged commit c2e3bb8 into microsoft:master Jun 16, 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.

3 participants