Skip to content

fix: Mermaid SVG 이미지 lightbox 비활성화#86

Merged
Twodragon0 merged 1 commit intomainfrom
fix/mermaid-no-lightbox
Mar 7, 2026
Merged

fix: Mermaid SVG 이미지 lightbox 비활성화#86
Twodragon0 merged 1 commit intomainfrom
fix/mermaid-no-lightbox

Conversation

@Twodragon0
Copy link
Owner

Summary

  • Mermaid SVG 이미지(/mermaid/ 경로)를 lightbox 핸들러에서 제외
  • 이미 width: 100%로 표시되는 다이어그램에 확대/드래그가 불필요
  • 손바닥(grab) 커서가 계속 표시되어 다음 이미지 선택이 어려운 문제 해결

Test plan

  • Mermaid 이미지 클릭 시 lightbox 열리지 않음 확인
  • 일반 이미지는 기존대로 lightbox 작동 확인
  • Mermaid 이미지에 zoom-in 커서 표시 안 됨 확인

- Mermaid 다이어그램은 이미 전체 폭으로 표시되어 확대 불필요
- lightbox 드래그/팬 커서(손바닥)가 다음 이미지 선택을 방해하는 문제 해결
@vercel
Copy link

vercel bot commented Mar 7, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
tech-blog Ready Ready Preview, Comment Mar 7, 2026 0:12am

Copilot AI review requested due to automatic review settings March 7, 2026 12:10
@Twodragon0 Twodragon0 merged commit cb9f18c into main Mar 7, 2026
7 of 8 checks passed
@Twodragon0 Twodragon0 deleted the fix/mermaid-no-lightbox branch March 7, 2026 12:11
Copy link

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

This PR disables the lightbox functionality for Mermaid SVG diagram images to prevent unnecessary zoom/drag behavior and fix the persistent "grab" cursor issue on Mermaid diagrams.

Changes:

  • Excludes images with /mermaid/ in their src path from the lightbox handler
  • Fixes the persistent grab cursor displayed on Mermaid diagrams

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

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.

2 participants