quarto-dev / quarto-dev/quarto-cli

Make lightbox work with absolute positioning

Open
#13,419 2 comments 0 reactions 1 assignee View on GitHub

@cderv is already working on this.

Since Sep 25, 2025.

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

Description

I have:
  • searched the issue tracker for similar issues
  • installed the latest version of Quarto CLI
  • formatted my issue following the Bug Reports guide
Bug description

The combination of Lightbox and absolute positioning results in the image being hidden.

Use case: Display a small image in the top-right corner, use Lightbox during presentation to show the image full size.

Steps to reproduce

The following document demonstrates the issue. A screenshot of the rendered version is included below.

![][logo]{.lightbox}
![][logo]{.absolute top=20 right=20}
![][logo]{.absolute bottom=50 right=20 .lightbox}

```{=html}
<div style="border: 2px dashed #000; border-radius: 10px; padding: 45px 170px; position: absolute; bottom: 50px; right: 5px;"></div>
```

[logo]: https://quarto.org/quarto.png

The rendered version was produced as follows:

$ podman run --rm -v .:/workspace -w /workspace ghcr.io/quarto-dev/quarto:1.9.2 quarto render mwe.md --to revealjs
Actual behavior

The first two images are visible while the third one is hidden. The <div> indicates the position of the missing image in the rendered document as shown below.

Expected behavior

Third image is shown and Lightbox works.

Your environment

No response

Quarto check output
Quarto 1.9.2                                                                                                                                                                                                         
[✓] Checking environment information...                                                                                                                                                                              
      Quarto cache location: /root/.cache/quarto                                                                                                                                                                     
[✓] Checking versions of quarto binary dependencies...                                                                                                                                                               
      Pandoc version 3.6.3: OK                                                                                                                                                                                       
      Dart Sass version 1.87.0: OK                                                                                                                                                                                   
      NOTE: Deno version 2.4.5 does not strictly match 2.3.1 and strict checking is enabled. Please use 2.3.1.                                                                                                       
      Typst version 0.13.0: OK                                                                                                                                                                                       
[✓] Checking versions of quarto dependencies......OK                                                                                                                                                                 
[✓] Checking Quarto installation......OK                                                                                                                                                                             
      Version: 1.9.2                                                                                                                                                                                                 
      Path: /opt/quarto/bin

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

[✓] Checking LaTeX....................OK
      Tex:  (not detected)

[✓] Checking Chrome Headless....................OK
      Chrome:  (not detected)
Quarto 1.9.2                                                                                                                                                                                                         
[✓] Checking environment information...                                                                                                                                                                              
      Quarto cache location: /root/.cache/quarto                                                                                                                                                                     
[✓] Checking versions of quarto binary dependencies...                                                                                                                                                               
      Pandoc version 3.6.3: OK                                                                                                                                                                                       
      Dart Sass version 1.87.0: OK                                                                                                                                                                                   
      NOTE: Deno version 2.4.5 does not strictly match 2.3.1 and strict checking is enabled. Please use 2.3.1.                                                                                                       
      Typst version 0.13.0: OK                                                                                                                                                                                       
[✓] Checking versions of quarto dependencies......OK                                                                                                                                                                 
[✓] Checking Quarto installation......OK                                                                                                                                                                             
      Version: 1.9.2                                                                                                                                                                                                 
      Path: /opt/quarto/bin

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

[✓] Checking LaTeX....................OK
      Tex:  (not detected)

[✓] Checking Chrome Headless....................OK
      Chrome:  (not detected)

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

[✓] Checking Python 3 installation....(None)

      Unable to locate an installed version of Python 3.
      Install Python 3 from https://www.python.org/downloads/

[✓] Checking R installation...........(None)

      Unable to locate an installed version of R.
      Install R from https://cloud.r-project.org/
[✓] Checking basic markdown render....OK

[✓] Checking Python 3 installation....(None)

      Unable to locate an installed version of Python 3.
      Install Python 3 from https://www.python.org/downloads/

[✓] Checking R installation...........(None)

      Unable to locate an installed version of R.
      Install R from https://cloud.r-project.org/

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.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.