TOC doesn't fold for margin content

[royfrancis]

Description

In the newer versions of quarto, it seems like the TOC doesn't fold for margin content.

Before (Quarto 1.4.555): The table of contents folds when there is content in the margins.

Now (Quarto 1.7.32, 1.8.25): The table of contents overlaps with the content in the margins.

I am using this dummy qmd document.

click here

---
title: Test TOC margin overlap
toc: true
format: html
---

## Title 1

Text

## Title 2

Text

## Title 3

Text

## Title 4

Text

## Title 5

::: {.column-margin}

| speed | dist |
|-------|------|
| 4     | 2    |
| 4     | 10   |
| 7     | 4    |

:::

## Title 6


## Title 7

Text

## Title 8

Text

## Title 9

Text

## Title 10

Text

[mcanouil]

Important

Accessibility: To improve accessibility, please add alternative text to your screenshots. This helps all users, including those using screen readers, to understand the context of the images. A brief description can make a big difference! See Good Alt Text, Bad Alt Text — Making Your Content Perceivable.

[royfrancis]

Good point. Added a text description about the screenshots.

[mcanouil]

I cannot reproduce.

Be sure to use http/https protocol (web server) and not the file protocol when opening HTML from Quarto.
A lot of the features relying on JavaScript requires web server.

[royfrancis]

You are right. It works when using quarto preview and not when viewing the rendered html from quarto render. TOC folding used to work in rendered html files before. So, something must've changed.

[mcanouil]

In general, Quarto's HTML files are to be served via a web-server not using file protocol.
This is true from the start, so if it used to work it was not by design or intentional choice.