quarto-dev / quarto-dev/quarto-cli

Graphs in lists cause later items to be seen as code blocks

Open
#10,106 7 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug diagrams
Dominant language
JavaScript
Stars
6k
Forks
458
Avg merge
1d 9h
Merged PRs (30d)
41

Description

Bug description

When using graphviz or mermaid within a list, the output graph is not indented at all and the text following the list is interpreted as code

See below image:
Screenshot 2024-06-23 160105

Steps to reproduce
---
title: "Graph problem"
format: html
---

1.  List item

    a.  list item

        ```{mermaid}
        flowchart LR
          A[Hard edge] --> B(Round edge)
          B --> C{Decision}
          C --> D[Result one]
          C --> E[Result two]
        ```

        Look at this graph

    b.  List item

or

---
title: "Graph problem"
format: html
---

5.  List item

    a.  list item

        ```{dot}
        digraph {
            1 -> 2
        }
        ```

        Look at this graph

    b.  List item
Expected behavior

Graph should be shown indented within the list and text within the list after the graph should be interpreted as normal text

Actual behavior

Graph is not indented at all and the text within the list should be shown as normal

Your environment
  • IDE: VS Code 1.90.1 and RStudio server 2024.4.2.764
  • Ubuntu 22.04 LTS
Quarto check output

Quarto 1.4.549
[✓] Checking versions of quarto binary dependencies...
Pandoc version 3.1.11: OK
Dart Sass version 1.69.5: OK
Deno version 1.37.2: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
Version: 1.4.549
Path: /opt/quarto/bin

[✓] Checking tools....................OK
TinyTeX: (not installed)
Chromium: (not installed)

[✓] Checking LaTeX....................OK
Using: Installation From Path
Path: /usr/bin
Version: 2023

[✓] Checking basic markdown render....OK

[✓] Checking Python 3 installation....OK
Version: 3.12.3
Path: /home/user/Documents/Personal/quarto_test/.venv/bin/python3
Jupyter: 5.7.2
Kernels: python3, sas

[✓] Checking Jupyter engine render....OK

[✓] Checking R installation...........OK
Version: 4.4.1
Path: /usr/lib/R
LibPaths:
- /home/user/R/x86_64-pc-linux-gnu-library/4.4
- /usr/local/lib/R/site-library
- /usr/lib/R/site-library
- /usr/lib/R/library
knitr: 1.46
rmarkdown: 2.27

[✓] Checking Knitr engine render......OK

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by rendering the provided .qmd reproductions with Quarto to HTML, comparing the mermaid and dot cases inside nested lists. Trace the Markdown/Pandoc rendering entry point named by the failing behavior; done means the graph remains indented within the list and following text renders as normal list text.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, markdown
Domain
backend, cli
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.