fix(ui): restore Mermaid fullscreen wheel zoom - #544
Merged
su-fen merged 1 commit intoAug 18, 2026
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Linked issue
Closes #522
Summary
修复 Mermaid 全屏模式下无法通过鼠标滚轮缩放的问题。
PR #535 将 Mermaid 全屏实现切换为共享 Dialog 后,滚轮监听仍然绑定在全屏视口的冒泡阶段。SVG 子元素或弹层事件传播可能在事件到达监听器前将其截断,导致按钮缩放正常,但鼠标滚轮缩放失效。
本次修改将滚轮处理移动到全屏视口的捕获阶段,并阻止事件继续传播到外层 Dialog,继续使用 SVG
viewBox进行无损缩放,不会重新引入缩放模糊问题。Change scope
agent-uicrates/agent-ui/src/components/MarkdownMermaidFullscreen.tsxScreenshots / preview
Verification
node --test crates/agent-gui/test/chat/mermaid-viewbox.test.mjspnpm build:guipnpm build:webuipnpm --filter @liveagent/ui exec biome check src/components/MarkdownMermaidFullscreen.tsxgit diff --check upstream/main...HEADBehavior
viewBox完成,不使用 CSS 位图缩放Pre-submit checklist