Skip to content

fix(deep-wiki): raise diagram zoom controls above SVG content#388

Open
arimu1 wants to merge 1 commit into
microsoft:mainfrom
arimu1:fix/367-diagram-zoom-controls-z-index
Open

fix(deep-wiki): raise diagram zoom controls above SVG content#388
arimu1 wants to merge 1 commit into
microsoft:mainfrom
arimu1:fix/367-diagram-zoom-controls-z-index

Conversation

@arimu1

@arimu1 arimu1 commented Jul 21, 2026

Copy link
Copy Markdown

Fixes #367

Summary

  • Add position: relative and z-index: 10000 to .diagram-zoom-controls in the deep-wiki build template
  • Keeps zoom/close buttons clickable when a panned or zoomed Mermaid SVG overlaps the control bar (the overlay already uses z-index: 9999, but the controls bar had no stacking context)

Test plan

  • Generate a deep-wiki site with a Mermaid diagram (/deep-wiki:build)
  • Click a diagram to open the zoom modal
  • Pan the diagram upward and/or zoom in until the SVG overlaps the control bar
  • Confirm +, , Reset, and buttons remain clickable
  • Confirm Esc and overlay click-to-close still work

Made with Cursor

Fixes microsoft#367

Co-authored-by: Cursor <cursoragent@cursor.com>
@arimu1
arimu1 requested a review from thegovind as a code owner July 21, 2026 01:40
Copilot AI review requested due to automatic review settings July 21, 2026 01:40

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

Raises diagram zoom controls above overlapping Mermaid SVG content so controls remain clickable.

Changes:

  • Adds a positioned stacking context to the controls.
  • Sets controls above the zoom overlay content.

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.

Deep-wiki: mermaid diagrams prevent interaction with modal controls

2 participants