Bug 274606

Summary: [view-transitions] Back icon jiggles while animating on https://codepen.io/bramus/full/mdowgYX
Product: WebKit Reporter: Tim Nguyen (:ntim) <ntim>
Component: ScrollingAssignee: Matt Woodrow <mattwoodrow>
Status: RESOLVED FIXED    
Severity: Normal CC: graouts, graouts, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
URL: https://codepen.io/bramus/full/mdowgYX
Bug Depends on:    
Bug Blocks: 259055    
Attachments:
Description Flags
Screen recording
none
Slight reduction none

Tim Nguyen (:ntim)
Reported 2024-05-23 11:40:14 PDT
...
Attachments
Screen recording (18.61 MB, video/quicktime)
2024-05-23 11:41 PDT, Tim Nguyen (:ntim) 		no flags
Details
Slight reduction (13.94 KB, text/html)
2024-05-24 06:26 PDT, Antoine Quint 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2024-05-23 11:40:32 PDT
<rdar://problem/128627261>
Tim Nguyen (:ntim)
Comment 2 2024-05-23 11:41:59 PDT
Created attachment 471484 [details] Screen recording
Antoine Quint
Comment 3 2024-05-24 06:23:39 PDT
The issue seems to be the `position: fixed` style set on the `.card` element.
Antoine Quint
Comment 4 2024-05-24 06:26:01 PDT
Created attachment 471493 [details] Slight reduction Attaching a slight reduction of that page as a single document and removing much of the CSS Animations. It seems pretty clear during scrolling that the problem is the jumpiness of the `.card` element with the `position: fixed` style.
Matt Woodrow
Comment 5 2024-05-29 16:27:59 PDT
Pull request: https://github.com/WebKit/WebKit/pull/29261
EWS
Comment 6 2024-06-03 15:25:59 PDT
Committed 279674@main (e6a8ede67b09): <https://commits.webkit.org/279674@main> Reviewed commits have been landed. Closing PR #29261 and removing active labels.
Note You need to log in before you can comment on or make changes to this bug.