Skip to content
Mermaid Studio Logo Mermaid Studio
Limited Time 40% off for early adopters — Get discount →

What's new in Mermaid Studio 2026.1.9?

Last updated:

2026.1.9 Release Notes

Section titled “2026.1.9 Release Notes”

This release focuses on flowchart editing improvements and parser correctness. Flowcharts gain a Structure View for navigating complex diagrams, a documentation provider for quick element info, and HTML tag support in labels. A new inspection catches unclosed HTML-like tags that Mermaid silently strips, the preview panel now recovers from rendering hangs, and a broad set of parser fixes tightens syntax validation across flowcharts and quadrant charts.

Highlights

Section titled “Highlights”
  • Flowchart Structure View - Navigate complex flowcharts with a hierarchical view showing subgraph nesting, node deduplication, and a unified Styles section
  • Documentation Provider - Hover over flowchart nodes and subgraphs with Command Control to see labels, type icons, and element details
  • Unclosed HTML Tag Detection - A new inspection flags unclosed HTML-like tags that Mermaid silently strips, preventing unexpected content loss
  • Render Hang Recovery - The preview panel now detects hangs in Mermaid.js rendering and recovers automatically, so you don’t need to close and reopen the file to resume preview
  • Parser Correctness - Several fixes to flowchart and quadrant chart parsers to improve parser accuracy

Added

Section titled “Added”
  • Added Structure View for flowchart diagrams with hierarchical subgraph nesting, node deduplication, and a unified Styles section
  • Added documentation provider ( Command + hover Control + hover ) for flowchart nodes and subgraphs showing labels and type icons
  • Added inspection that detects unclosed HTML-like tags in text content that Mermaid silently strips
  • Added HTML tag support in flowcharts with semantic highlighting
  • Added render hang recovery for the preview panel and pop-out window
  • Added loading spinner overlay on initial preview load and when rendering takes longer than expected
  • Added dedicated icons for CSS concepts (style, classDef, class) and flowchart subgraphs
  • Added XY chart inspections for duplicate axis declarations and data values outside the y-axis range

Changed

Section titled “Changed”
  • Live preview now refreshes during typing rather than waiting for changes to settle for improved liveness
  • Minor highlighting updates in Flowcharts
  • Improved frontmatter config.layout completion with layout engine suggestions for diagram types that support ELK and other alternative engines
  • Eliminated diagram flickering in live previews (standalone/Markdown) when using ELK layout engine
  • Changed flowchart duplicate link label diagnostic from warning to error
  • Cleaned up diagram type completions

Fixed

Section titled “Fixed”
  • Fixed quote auto-pairing incorrectly doubling quotes inside unclosed strings across multiple diagram types
  • Fixed Markdown preview styles bleeding into rendered Mermaid diagrams
  • Fixed ocassional color picker error when editing trying to open the picker from the gutter icon
  • Fixed several flowchart edge text parsing issues related to link parsing
  • Fixed flowchart subgraph header accepting trailing content without a semicolon separator
  • Fixed Find Usages not working for flowchart subgraphs, callback identifiers, and named link IDs
  • Fixed flowchart and quadrant chart parsers accepting characters in identifiers and unquoted text that the official Mermaid parser rejects
  • Fixed flowchart parser not accepting & in node identifiers
  • Fixed flowchart slash and backslash incorrectly treated as shape delimiters in non-leaning shapes
  • Fixed gantt accTitle parsing issue with the leading colon