Bug 285097

Summary: [view-transitions] Wrong sizing when using CSS `zoom` property
Product: WebKit Reporter: Onur Gumus <onur>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: bfulgham, karlcow, mattwoodrow, nicole, ntim, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
Page 1 title temporarily bleeding out
none
Testcase reduction none

Onur Gumus
Reported 2024-12-23 02:23:19 PST
Created attachment 473638 [details] Page 1 title temporarily bleeding out As title says I noticed some unusual behavior with cross document view transitions. The demo is here: https://glitch.com/edit/#!/rare-patch-fibula?path=index.html There is a title Page 1 which needs to go smaller, but it bleeds out to lower portions of the page for some reason for few hundred milliseconds. It works fine on chrome. Screenshot attached.
Attachments
Page 1 title temporarily bleeding out (380.68 KB, image/png)
2024-12-23 02:23 PST, Onur Gumus 		no flags
Details
Testcase reduction (374 bytes, text/html)
2025-01-02 18:51 PST, Tim Nguyen (:ntim) 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Karl Dubost
Comment 1 2024-12-23 16:06:21 PST
It doesn't happen for me on macOS ``` Safari Technology Preview 209 20621.1.6 Firefox Nightly 135.0a1 13524.12.18 Google Chrome Canary 133.0.6914.0 6914.0 ```
Onur Gumus
Comment 2 2024-12-25 03:39:29 PST
It DOES happen for me on macOS with Safari Tech Preview Release 210 (Safari 18.2, WebKit 20621.1.8.111.2)
Onur Gumus
Comment 3 2024-12-25 03:40:00 PST
Possible regression?
Radar WebKit Bug Importer
Comment 4 2024-12-30 02:24:14 PST
<rdar://problem/142172248>
Tim Nguyen (:ntim)
Comment 5 2025-01-02 18:45:21 PST
This isn't specific to cross document view transitions. I think we just ignore the CSS zoom property when taking snapshots for View Transitions. If you replace `zoom: 0.5` with `transform: scale(0.5)`, it works fine. Seems like an edge case that's a bad interaction with a very old feature.
Tim Nguyen (:ntim)
Comment 6 2025-01-02 18:51:39 PST
Created attachment 473756 [details] Testcase reduction Here's a test reduction.
Onur Gumus
Comment 7 2025-01-02 22:34:30 PST
Thanks for looking into this! Personally, I find the zoom property incredibly useful—often even more so than transform in certain cases—because it adjusts to the new layout, whereas transform does not. I also came across a renewed specification for zoom: https://chromestatus.com/feature/5198254868529152 It would be great to see this supported via view transitions.
Matt Woodrow
Comment 8 2025-05-26 16:47:50 PDT
This should be fixed by 293466 *** This bug has been marked as a duplicate of bug 293466 ***
Note You need to log in before you can comment on or make changes to this bug.