quarto-dev / quarto-dev/quarto-cli

footnote and aside don't play well together

Open
#11,285 0 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

Bug description

When a paragraph with a footnote directly follow an aside, the footnote is not well aligned -- when footnote are in the margin.
It may be related to #10652.

Steps to reproduce
---
title: "footnotes"
format: 
  html: 
    reference-location: margin
---

## aside plus para with footnote

{{< lipsum 1 >}}

::: aside
aside
:::

some text with footnote [^1]

[^1]: footnote

# aside plus footnote, but with a paragraph in between

{{< lipsum 1 >}}

::: aside
a aside
:::

para

some text with a footnote[^2]

[^2]: une footnote

Expected behavior

As seen on the screen copy, the second footnote is correctly aligned, not the first, which is just below the aside.

Image

Actual behavior

No response

Your environment

RStudio 2024.09.01 394
R 4.4.1
Mac OS 15.1

Quarto check output
Quarto 1.6.32
[✓] Checking environment information...
      Quarto cache location: /Users/xt/github/Library/Caches/quarto
[✓] Checking versions of quarto binary dependencies...
      Pandoc version 3.4.0: OK
      Dart Sass version 1.70.0: OK
      Deno version 1.46.3: OK
      Typst version 0.11.0: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
      Version: 1.6.32
      Path: /Applications/quarto/bin

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

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

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

[✓] Checking Python 3 installation....OK
      Version: 3.9.6
      Path: /Library/Developer/CommandLineTools/usr/bin/python3
      Jupyter: (None)

      Jupyter is not available in this Python installation.
      Install with python3 -m pip install jupyter

[✓] Checking R installation...........OK
      Version: 4.4.1
      Path: /Library/Frameworks/R.framework/Resources
      LibPaths:
        - /Library/Frameworks/R.framework/Versions/4.4-arm64/Resources/library
      knitr: 1.48
      rmarkdown: 2.28

[✓] 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 supplied .qmd reproduction with HTML margin footnotes, then inspect the generated output for how the aside and adjacent footnote are positioned. Compare the first and second examples and verify that the footnote immediately following an aside aligns like the one separated by a paragraph.

Written by the indexing model from the issue text.

Assessment

Tech stack
html, javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.