Bug 257036

Summary:

[Mac] Animation artifact on danross.co

Product:

WebKit

Reporter:

Jon Lee <jonlee554>

Component:

Animations

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

dino, graouts, graouts, karlcow, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

BrowserCompat, InRadar

Version:

Safari 16

Hardware:

Unspecified

OS:

Unspecified

Attachments:

Description	Flags
recording of the bug	none

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.