Skip to content

Fix mermaid rendering when content is zoomed - #209

Merged
cyanzhong merged 1 commit into
mainfrom
develop
Oct 8, 2026
Merged

cyanzhong merged 1 commit into
mainfrom
develop

Conversation

@cyanzhong

Copy link
Copy Markdown
Contributor

Closes #205.

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.

🔵 Needs a closer look

Staging still permits stylesheet zoom, and actual label measurements need validation with Mermaid in WKWebView.

1 open finding
What changed in this PR

Addresses #205 by rendering Mermaid diagrams outside zoomed preview content to prevent clipped labels.

Changes:

  • Adds hidden staging for Mermaid rendering, preserving bindings and handling obsolete results.
  • Scopes scroll synchronization to the visible preview.
  • Adds zoom, rendering lifecycle, and scroll regression tests.
File Description
tests/​scroll.test.ts Tests exclusion of hidden diagram copies.
tests/​mermaidZoom.test.ts Tests staging, zoom preservation, and cleanup.
tests/​build.test.ts Includes the extracted Mermaid module in build checks.
src/​view.ts Passes the preview container to post-render handling.
src/​scroll.ts Restricts block lookup to the target container.
src/​render.ts Delegates Mermaid loading and rendering.
src/​quicklook/​ui.ts Passes the Quick Look preview container.
src/​features/​mermaid.ts Adds staged Mermaid rendering outside preview zoom.
dist/​lite/​markedit-preview.js Updates generated wiring and scroll lookup.

🧠 Review effort: Balanced


Give feedback about Copilot approvals in this survey to enter a drawing for a $150 gift card.

Comment thread src/features/mermaid.ts Outdated

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.

🔵 Needs a closer look

Actual label sizing still needs WKWebView verification because the added tests mock Mermaid rendering.

0 open findings

1 resolved since last review

🧠 Review effort: Balanced


Give feedback about Copilot approvals in this survey to enter a drawing for a $150 gift card.

@cyanzhong
cyanzhong merged commit b5c3d6f into main Oct 8, 2026
2 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.

[Bug] Mermaid node labels clip when the preview pane is zoomed

2 participants