html output: the copy code button scrolls with the code (quarto

[aborruso]

Bug description

Hi,
as you can see below the copy code button scrolls with the code. I think it should remain fixed on the right.
Am I wrong?

I'm using quarto 1.4.43.

The site is live here https://pnrr.datibenecomune.it/fonti/regis/mappa.html#costruire-filtri-di-visualizzazione-a-mano

[✓] Checking versions of quarto binary dependencies...
      Pandoc version 3.1.2: OK
      Dart Sass version 1.55.0: OK
      Deno version 1.33.1: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
      Version: 1.4.43
      Path: /opt/quarto/bin

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

[✓] Checking Python 3 installation....OK
      Version: 3.9.2
      Path: /usr/bin/python3
      Jupyter: 5.1.2
      Kernels: bash, python3

[✓] Checking Jupyter engine render....OK

[✓] Checking R installation...........OK
      Version: 4.0.4
      Path: /usr/lib/R
      LibPaths:
        - /home/aborruso/R/x86_64-pc-linux-gnu-library/4.0
        - /usr/local/lib/R/site-library
        - /usr/lib/R/site-library
        - /usr/lib/R/library
      knitr: 1.41
      rmarkdown: 2.19

[✓] Checking Knitr engine render......OK

Checklist

• Please include a minimal, fully reproducible example in a single .qmd file? Please provide the whole file rather than the snippet you believe is causing the issue.
• Please format your issue so it is easier for us to read the bug report.
• Please document the RStudio IDE version you're running (if applicable), by providing the value displayed in the "About RStudio" main menu dialog?
• Please document the operating system you're running. If on Linux, please provide the specific distribution.
• Please provide the output of quarto check so we know which version of quarto and its dependencies you're running.

[mcanouil]

Thanks for the report!

Could you share a small "working" (reproducible) example to work with, i.e., a complete Quarto document or a Git repository? Thanks.

You can share a Quarto document using the following syntax, i.e., using more backticks than you have in your document (usually four ````).

````qmd
---
title: "Reproducible Quarto Document"
format: html
---

This is a reproducible Quarto document using `format: html`.
It is written in Markdown and contains embedded R code.
When you run the code, it will produce a plot.

```{r}
plot(cars)
```

The end.
````

[aborruso]

Could you share a small "working" (reproducible) example to work with, i.e., a complete Quarto document or a Git repository? Thanks.

I had inserted the URL to website in which you have the edit page button. And this is the source qmd.

But you are right, this is the code

---
title: "Mappe ReGiS"
subtitle: "Per esplorare i dati di dettaglio del PNRR di Italiadomani"
description-meta: "Mappe ReGiS, per esplorare geograficamente i dati di dettaglio del PNRR pubblicati su Italiadomani"
website:
  twitter-card:
    description: "Mappe ReGiS, per esplorare geograficamente i dati di dettaglio del PNRR pubblicati su Italiadomani"
    image: "mappa-dati-regis-guenter-richter.png"
  open-graph:
    description: "Mappe ReGiS, per esplorare geograficamente i dati di dettaglio del PNRR pubblicati su Italiadomani"
    image: "mappa-dati-regis-guenter-richter.png"
resources:
  - "mappa-dati-regis-guenter-richter.png"
format:
  html:
    tbl-cap-location: bottom
    toc: true
    toc-depth: 4
    toc-expand: true
---

Hello

```{.markdown}
https://gjrichter.github.io/pages/PNRR/index_embed_Open_Data_PNRR_Dati_Universo_REGIS_IV_nazionale_5050.html
```

[mcanouil]

Thanks!

I had inserted the URL to website in which you have the edit page button. And this is the source qmd.

Maybe, still we ask to have a reproducible example as plain text in the checklist you checked.
It's not to bother you or anyone, it's simply to avoid spending time on a "treasure hunt" instead of actually helping solving the issue.

[aborruso]

Maybe, still we ask to have a reproducible example as plain text in the checklist you checked.
It's not to bother you or anyone, it's simply to avoid spending time on a "treasure hunt" instead of actually helping solving the issue.

You don't bother me at all, and you're completely right.

I thought it would be enough as I had done, but it is not.
I must not take anything for granted. I have to make everything immediately usable. It's the least

And thanks

[mcanouil]

FYI, this was in fact a duplicate of:

• "Copy to Clipboard" button moves with the slidebar in html pages #307

I'll close the old one.

---

On Mac using Brave (Chrome):

Screen.Recording.2023-07-18.at.14.13.33.mov

And same thing on Safari: