Bug 257036 - [Mac] Animation artifact on danross.co
Summary: [Mac] Animation artifact on danross.co
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Animations (show other bugs)
Version: Safari 16
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2023-05-19 09:09 PDT by Jon Lee
Modified: 2023-05-22 01:05 PDT (History)
7 users (show)

See Also:

Attachments
recording of the bug (146.87 KB, video/quicktime)
2023-05-22 01:02 PDT, Karl Dubost 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Jon Lee 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.
Comment 1 Karl Dubost 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.
Comment 2 Radar WebKit Bug Importer 2023-05-22 01:03:14 PDT 
<rdar://problem/109645713>
Comment 3 Antoine Quint 2023-05-22 01:05:24 PDT 
This looks like a rendering issue, possibly clipping. Unlikely to be actually about animations per se.