Commit b1b1551
Quarto's auto-generated #quarto-margin-sidebar (the right-hand
"On this page" TOC column) was overlapping .side-panel and silently
intercepting clicks on the Source filter checkboxes. The checkbox
would appear visible and cursor over it would appear clickable, but
mouse clicks hit the margin-sidebar first (higher in the stacking
context) and were swallowed — no toggle, no globe re-query.
Diagnosed live via Chrome DevTools:
- document.elementsFromPoint at SESAR checkbox center returned
#quarto-margin-sidebar as the topmost element
- Installing capture-phase listeners on #sourceFilter and issuing a
real mouse click logged zero events
- Setting pointer-events: none on the margin sidebar restored
expected behavior
This page is an app, not an article — a TOC column adds nothing and
is actively harmful. Set toc: false in frontmatter to stop Quarto
from rendering the margin sidebar entirely.
Verified post-render: #quarto-margin-sidebar and #TOC both absent
from docs/tutorials/progressive_globe.html, still present on other
pages.
Follow-up (separate PR): audit isamples_explorer.qmd and
zenodo_isamples_analysis.qmd for the same overlap — both are tutorials
with side panels and both currently have toc: true.
Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
1 parent b9790f9 commit b1b1551
1 file changed
Lines changed: 4 additions & 0 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
3 | 3 | | |
4 | 4 | | |
5 | 5 | | |
| 6 | + | |
| 7 | + | |
| 8 | + | |
| 9 | + | |
6 | 10 | | |
7 | 11 | | |
8 | 12 | | |
| |||
0 commit comments