Bug 291537
| Summary: | Canvas element disappears for one frame if a view transition happens | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | miguel |
| Component: | Layout and Rendering | Assignee: | Matt Woodrow <mattwoodrow> |
| Status: | RESOLVED FIXED | ||
| Severity: | Normal | CC: | bfulgham, mattwoodrow, ntim, simon.fraser, webkit-bug-importer, zalan |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 18 | ||
| Hardware: | All | ||
| OS: | macOS 15 | ||
miguel
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
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
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.