Skip to content

fix: position flyouts over workspace scrollbars - #10561

Open
mikeharv wants to merge 1 commit into
RaspberryPiFoundation:mainfrom
mikeharv:flyout-over-scrollbars
Open

mikeharv wants to merge 1 commit into
RaspberryPiFoundation:mainfrom
mikeharv:flyout-over-scrollbars

Conversation

@mikeharv

@mikeharv mikeharv commented Oct 5, 2026

Copy link
Copy Markdown
Contributor

The basics

The details

Resolves

Fixes #10553

Proposed Changes

Bumps the z-index of flyouts from 20 to 25.

Reason for Changes

The workspace scroll bar is currently appearing over the flyout. This is a regression caused by:

25 works because:

  • .blocklyMainWorkspaceScrollbar is 20, so the flyout has to go above that.
  • .blocklyFlyoutScrollbar is 30, so the flyout has to stay below that. The flyout's own scrollbar is another sibling in the injection div, and it needs to stay on top of the flyout.
  • Raising the flyout doesn't affect the toolbox because it's already at 70.

Before:
image

After:
image

@mikeharv
mikeharv requested a review from a team as a code owner October 5, 2026 15:13
@mikeharv
mikeharv requested a review from lizschwab October 5, 2026 15:13
@github-actions github-actions Bot added the PR: fix Fixes a bug label Oct 5, 2026

This branch has not been deployed

No deployments
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.

Horizontal scrollbar appears over flyout preventing block dragging

2 participants