Bug 257036

Summary: [Mac] Animation artifact on danross.co
Product: WebKit Reporter: Jon Lee <jonlee554>
Component: AnimationsAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: dino, graouts, graouts, karlcow, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Safari 16   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
recording of the bug none

Jon Lee
Reported 2023-05-19 09:09:29 PDT
https://danross.co/flow/ In Safari 16.4 or STP 170 hover over any of the buttons. The "Info" and "Get Flow" buttons show the bug most obviously. The bottom left corner of the simulated drop shadow renders the edge incorrectly during the hover animation. It does not happen in Chrome, and I can make it happen, but much more subtly if at all, in Firefox.
Attachments
recording of the bug (146.87 KB, video/quicktime)
2023-05-22 01:02 PDT, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Karl Dubost
Comment 1 2023-05-22 01:02:49 PDT
Created attachment 466444 [details] recording of the bug This is very subtle but indeed it happens. There's a quick black thing which appears briefly below the box.
Radar WebKit Bug Importer
Comment 2 2023-05-22 01:03:14 PDT
<rdar://problem/109645713>
Antoine Quint
Comment 3 2023-05-22 01:05:24 PDT
This looks like a rendering issue, possibly clipping. Unlikely to be actually about animations per se.
Note You need to log in before you can comment on or make changes to this bug.