diff --git a/src/format/reveal/format-reveal.ts b/src/format/reveal/format-reveal.ts index b955ecf6d40..1187b36c735 100644 --- a/src/format/reveal/format-reveal.ts +++ b/src/format/reveal/format-reveal.ts @@ -645,15 +645,17 @@ function applyStretch(doc: Document, autoStretch: boolean) { const image = images[0]; const imageEl = image as Element; - // screen out early specials divs (layout panels, columns, fragments, ...) if ( + // screen out early specials divs (layout panels, columns, fragments, ...) findParent(imageEl, (el: Element) => { return el.classList.contains("column") || el.classList.contains("quarto-layout-panel") || el.classList.contains("fragment") || el.classList.contains(kOutputLocationSlide) || !!el.className.match(/panel-/); - }) + }) || + // Do not autostrech if an aside is used + slideEl.querySelectorAll("aside").length !== 0 ) { continue; } diff --git a/tests/docs/reveal/stretch.qmd b/tests/docs/reveal/stretch.qmd index d81abb27515..65f191e877b 100644 --- a/tests/docs/reveal/stretch.qmd +++ b/tests/docs/reveal/stretch.qmd @@ -234,4 +234,12 @@ Some content plot(cars) ``` +::: + +## With aside on slide {#aside} + +![Caption](https://revealjs.com/images/logo/reveal-black-text.svg) + +::: {.aside} +Something here as an aside ::: \ No newline at end of file diff --git a/tests/smoke/render/render-reveal.test.ts b/tests/smoke/render/render-reveal.test.ts index f2de8abaef3..724f296fea4 100644 --- a/tests/smoke/render/render-reveal.test.ts +++ b/tests/smoke/render/render-reveal.test.ts @@ -66,5 +66,6 @@ testRender(input, "revealjs", false, [ "#custom-divs-caption img.r-stretch", "#custom-divs-knitr img.r-stretch", "#custom-divs-knitr-caption img.r-stretch", + "#aside img.r-stretch", ]), ]);