quarto-dev / quarto-dev/quarto-cli

Mermaid fig-width no longer works

Offen
#3,973 19 Kommentare 2 Reaktionen 1 zugewiesene Person Auf GitHub ansehen

@cscheid arbeitet bereits daran.

Seit 15.1.2023.

bug diagrams-mermaid html
Vorherrschende Sprache
JavaScript
Sterne
6k
Forks
458
Ø Merge
1 T. 9 Std.
Gemergte PRs (30 T.)
41

Beschreibung

Bug description

Following the documentation on sizing mermaid diagram, the latest nightly build (1.3.107) running on Ubuntu 20.04 no longer sizes the diagrams differently regardless of the fig-width parameter. I also tried this with the latest stable (1.2.313) and it has the same issue.

For example, in the following script the diagram under #Slide 1 is the exact same size as the diagram in #Slide 2. I have tried playing with both and fig-width and fig-height but neither seems to have any effect.

---
title: Bad Mermaid Sizing
format:
    revealjs
---

# Slide 1

```{mermaid}

%%| fig-width: 5

flowchart LR
  A[Hard edge] --> B(Round edge)
  B --> C{Decision}
```

# Slide 2

```{mermaid}

%%| fig-width: 15

flowchart LR

  A[Hard edge] --> B(Round edge)
  B --> C{Decision}
```

Maybe related to some of the fixes for https://github.com/quarto-dev/quarto-cli/issues/2607?

Checklist
  • Please include a minimal, fully reproducible example in a single .qmd file? Please provide the whole file rather than the snippet you believe is causing the issue.
  • Please format your issue so it is easier for us to read the bug report.
  • Please document the RStudio IDE version you're running (if applicable), by providing the value displayed in the "About RStudio" main menu dialog?
  • Please document the operating system you're running. If on Linux, please provide the specific distribution.

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.