# Fix squashed Mermaid diagrams in markdown preview \(\#61260\) · gitcafe/zed

[View on GitCafe](https://git.cafe/gitcafe/zed/commit/fd8f0cdfd7113ff3a9147db2b0d7a7e33feb6ce5)

Repository: [gitcafe/zed](https://git.cafe/gitcafe/zed)

Visibility: public

Requested revision: fd8f0cdfd7113ff3a9147db2b0d7a7e33feb6ce5

Requested commit: fd8f0cdfd7113ff3a9147db2b0d7a7e33feb6ce5

Commit: fd8f0cdfd7113ff3a9147db2b0d7a7e33feb6ce5

Tree: 6c00762dd781445147327de02e4f6dedcad4b981

Author: Atharva Ajmera

Committer: GitHub

## Message

````
Fix squashed Mermaid diagrams in markdown preview (#61260)

## Summary

Wide Mermaid diagrams in Markdown Preview were forced through
`max_w_full()`, so both width and height shrank to the pane and text
became unreadable/blurry. There was no horizontal pan.

Markdown Preview already sets `code_block_overflow_x_scroll: true` for
fenced code blocks. Mermaid ignored that flag.

This change gates layout on that style flag:

- **Preview** (`code_block_overflow_x_scroll`): keep the raster at
intrinsic size and enable `overflow_x_scroll` (with
`restrict_scroll_to_axis`) so wide diagrams stay readable and can be
panned horizontally.
- **Compact UIs** (e.g. agent): keep previous `max_w_full()` fit-to-pane
behavior.

Fixes #61051

## Test plan

- [ ] Open a markdown file with a wide ` ```mermaid ` flowchart (e.g.
multi-column TB graph) in Markdown Preview
- [ ] Confirm diagram is not crushed to pane width; text remains legible
at default scale
- [ ] Confirm horizontal scroll/pan works on the diagram without
stealing vertical page scroll
- [ ] Confirm compact surfaces that leave `code_block_overflow_x_scroll`
off still fit diagrams to width
- [ ] Confirm mermaid scale fence info still works (` ```mermaid 150 `)
- [ ] Confirm Preview/Code tabs and copy button still work

---

Release Notes:

- Fixed wide Mermaid diagrams in Markdown Preview being squashed and
illegible
````

## Parents

- [e12992cae3c0405a6e89e7b1190e95e843845c2e](https://git.cafe/gitcafe/zed/commit/e12992cae3c0405a6e89e7b1190e95e843845c2e?format=markdown)

[Source at this commit](https://git.cafe/gitcafe/zed/tree/fd8f0cdfd7113ff3a9147db2b0d7a7e33feb6ce5?format=markdown)