Has anyone encountered gradient rendering issues with fixed backgrounds in Safari? I have no idea why this is happening, but it's only happening in Safari and it stops if I remove the background-attachment.

Edit: found the culprit: it was because the <body> has container-type: inline-size and it doesn't play nicely with the fixed background. That's a fun bug.

A recording of me scrolling up and down on the development version of my website, showing some horrible black horizontal stripes across the background instead of a continuous gradient. When I turn off "background-attachment: fixed", the gradient looks good.
GIFALT
Jul 5, 2026, 12:14 UTCen