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

[eitsupi]

Thank you for continuing to develop great products.

I don't know if this is a problem with quarto, but I noticed that the buttons are misaligned in the html file created from the following qmd file.

---
title: test
format:
  html:
    self-contained: true
jupyter: python3
---

## test

```{python}
print("loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong")
```

[jjallaire]

Yeah that is unfortunately expected behavior given the way we currently position the copy button. We've looked at a couple of alternative methods and hopefully we'll settle on one of them soon.

[mcanouil]

Using the latest development version it does seem to still be an issue.

[cderv]

@mcanouil I can't reproduced this with dev version

I am on Windows and using Chrome

[mcanouil]

On Mac using Brave (Chrome):

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

And same thing on Safari:

[cderv]

Awesome ! thanks. I can see it now too. Sorry. I wanted to be sure it was not a MacOS / Safari issue. We had a few of those already !

[mcanouil]

Closing this in favour of:

• html output: the copy code button scrolls with the code (quarto  #5538