Skip to content

v0.4.3

Choose a tag to compare

View all tags
@nicobailon nicobailon released this 01 Mar 15:41
· 17 commits to main since this release
v0.4.3
0c52dec

Mermaid Zoom and Positioning Fixes

  • Fixed zoom clipping: Replaced transform: scale() with CSS zoom property. Transform only changes visual appearance — content expanding upward/leftward goes into negative space which can't be scrolled to. Zoom changes actual layout size, so overflow scrolls normally in all directions.
  • Fixed vertical centering: Changed align-items: flex-start to align-items: center so diagrams are centered both horizontally and vertically in their container.
  • Added initial zoom: Complex diagrams can start at zoom > 1 (e.g., 1.4x) for better readability while keeping zoom controls functional.
  • Added min-height: Containers now have min-height: 400px to prevent vertical flowcharts from compressing into unreadable thumbnails.
  • Removed unnecessary .mermaid-inner wrapper — no longer needed with zoom-based approach.
  • Updated JavaScript to use INITIAL_ZOOM constant for consistent reset behavior.
  • Updated "Scaling Small Diagrams" section to use zoom instead of transform: scale() for consistency.
Assets 2
Loading