Copy button scrolls with content

[minhperry]

View on load:

On scroll:

This doesn't apply for content with no scroll, well, because there are no scroll so the position is fixed.

I have tried to overwrite with this CSS, then the button will not scroll with content.

.copy-button, .copy-success {
    position: sticky;
    margin-left: auto;
}

.code-container {
    display: flex; // or inline-flex works too.
}

However the .copy-success will just simply disappear if the container is scrollable. It is still in DOM, just that the svg is somehow not rendered (size is 8 x 24 in that case)