304981 2026-01-06 02:10:56 -0800 CSS View Transitions causes rendering issues with non-srgb colors. 2026-03-27 01:25:47 -0700 1 1 1 Unclassified WebKit Layout and Rendering Safari 26 All All RESOLVED FIXED https://bugs.webkit.org/show_bug.cgi?id=302256 https://issues.romanczerki.es/view-transitions/ InRadar P2 Major --- 1 dev mattwoodrow bfulgham graouts mattwoodrow ntim paulrhomberg01 simon.fraser webkit-bug-importer zalan oldest_to_newest 2169600 0 dev 2026-01-06 02:10:56 -0800 When using CSS View Transitions with: ```css @view-transition { navigation: auto; } ``` Safari shows incorrect rendering during the crossfade phase, especially on page load or reload. Some visual calculations appear to be applied late, after the transition has already started. - Scroll-driven animations Scroll-driven animations combined with Container Query–based styles render late on reload, causing visible jumps during the crossfade. Reproduction page: https://issues.romanczerki.es/view-transitions/scroll-driven.html - Alpha transparency Elements using alpha colors (rgba(), oklch() / alpha) briefly render incorrectly during the crossfade, then snap to the correct value when reloading the page. Reproduction page: https://issues.romanczerki.es/view-transitions/alpha.html 2169658 1 simon.fraser 2026-01-06 10:55:06 -0800 What am I looking for on https://issues.romanczerki.es/view-transitions/scroll-driven.html? Does the repro involve clicking the buttons, or just reloading the page? 2169659 2 webkit-bug-importer 2026-01-06 10:55:12 -0800 <rdar://problem/167634138> 2169697 3 dev 2026-01-06 13:01:32 -0800 (In reply to Simon Fraser (smfr) from comment #1) > What am I looking for on > https://issues.romanczerki.es/view-transitions/scroll-driven.html? Does the > repro involve clicking the buttons, or just reloading the page? Sorry for the lack of explanation in the initial report! To reproduce the issue, you need to click the first "Reload the page" link on the page. This triggers a navigation, activating `@view-transition { navigation: auto }`. The rendering of alpha-transparent elements and scroll-driven animations may appear incorrect during / after the crossfade. 2175832 4 simon.fraser 2026-01-28 09:33:08 -0800 Maybe the snapshots are SRGB? 2177574 5 dev 2026-02-03 07:16:12 -0800 (In reply to Simon Fraser (smfr) from comment #4) > Maybe the snapshots are SRGB? Is that a question for me? I guess it's not only a color problem, regard of the "jump" in CSS View Transitions detection at reload (https://issues.romanczerki.es/view-transitions/scroll-driven.html) 2193342 6 mattwoodrow 2026-03-24 17:16:37 -0700 This is bit confusing, since there's two separate issues here. The scroll driven animations issue has already been fixed, in bug 307782. Changing the title of this bug to just reflect the remaining issue, drawing is incorrect with colors outside of the sRGB gamut. 2193375 7 mattwoodrow 2026-03-24 18:14:08 -0700 Pull request: https://github.com/WebKit/WebKit/pull/61301 2193726 8 mattwoodrow 2026-03-25 20:07:51 -0700 Pull request: https://github.com/WebKit/WebKit/pull/61370 2194040 9 ews-feeder 2026-03-26 12:22:11 -0700 Committed 310012@main (8198a35ec20a): <https://commits.webkit.org/310012@main> Reviewed commits have been landed. Closing PR #61370 and removing active labels. 2194231 10 dev 2026-03-27 01:25:47 -0700 (In reply to Matt Woodrow from comment #6) > This is bit confusing, since there's two separate issues here. > > The scroll driven animations issue has already been fixed, in bug 307782. > > Changing the title of this bug to just reflect the remaining issue, drawing > is incorrect with colors outside of the sRGB gamut. Thanks for the fix and for clarifying the scope of the issues, much appreciated.