# test (This bug only applies to Preview mode) When scrolling a codeblock, the `Copy` button doesn't stick in the top right, and instead scrolls with the bar. Video: [click](https://xboxlive.party/i/rsuva2x5.mp4) Repro steps: - Create any codeblock with a language set (required to make scrollable) - Fill codeblock with text so that the scroll bar appears (shrink window if needed) - Observe `Copy` button in top right - Scroll the codeblock - Observe `Copy` button scrolls with the content Expected behavior: `Copy` button stays in the top right of the code block at all times. Repro cases: ```text aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa ``` Issue only happens in codeblocks with language set, because of a CSS rule: ``` (bug will not happen here, no language set!) aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa ``` ```css pre[class*="language-"] { position: relative; } ``` Issue doesn't happen with non-scrollable codeblocks: ```text Beep! Hello! ``` I believe this is a parenting issue of some sort: ```html
...
```