Bug 291537 – Canvas element disappears for one frame if a view transition happens

• Status: RESOLVED
• Resolution: FIXED
• Component: Layout and Rendering

If a page has a canvas DOM element and a view transition happens, the canvas skips one frame. This happens both in SPA & MPA applications.

Here's a reproduction; by clicking the button the text above it will receive a new text color, triggered during a view transition, and the canvas will completely disappear for one frame before the view transition happens.

https://bug-view-transition-canvas-safari.reeple-studio.workers.dev/
GitHub repository available at https://github.com/miguderp/bug-view-transition-canvas-safari

To be sure I have two pages, one with the WebGL JS framework OGL and another with Three.js, both pages available through the navigation at the top.

(I can confirm that the bug is also happening on iOS 18.3.2 + Safari)

I hope this report has all the info needed, it's my first time – please let me know if I missed something.

Thanks,
Miguel

[Radar WebKit Bug Importer]

<rdar://problem/149709642>

[Matt Woodrow]

Pull request: https://github.com/WebKit/WebKit/pull/45932

[EWS]

Committed 295467@main (cd808a6b8722): <https://commits.webkit.org/295467@main>

Reviewed commits have been landed. Closing PR #45932 and removing active labels.