Bug 230270 - Improper masking during animation on method.ac
Summary: Improper masking during animation on method.ac
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Animations (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-09-14 11:37 PDT by Jon Lee
Modified: 2021-09-21 11:38 PDT (History)
5 users (show)

See Also:

Attachments
Reduction (12.28 KB, text/html)
2021-09-17 07:20 PDT, Antoine Quint 		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 2021-09-14 11:37:50 PDT 
Load https://method.ac/
In the upper right corner is a switch to toggle light and dark mode.

Click on it.

While animating to light mode the bands that make up the background don't get masked by the shape of the switch.
Comment 1 Antoine Quint 2021-09-17 07:04:30 PDT 
Not a recent regression, this was already broken in Safari 14.1.2.
Comment 2 Antoine Quint 2021-09-17 07:17:11 PDT 
This uses border-radius to achieve the clipping of the toggle, not a mask or a clip.
Comment 3 Antoine Quint 2021-09-17 07:20:43 PDT 
Created attachment 438472 [details]
Reduction

First stab at reducing this and slowing things down to see what's going on. Will reduce further later.
Comment 4 Simon Fraser (smfr) 2021-09-17 08:09:58 PDT 
I think this is about changing the compositing layer tree and failing to reconfigure the clip path/mask.
Comment 5 Radar WebKit Bug Importer 2021-09-21 11:38:22 PDT 
<rdar://problem/83361587>