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
Keywords: InRadar
Depends on:
Reported: 2021-09-14 11:37 PDT by Jon Lee
Modified: 2021-09-21 11:38 PDT (History)
5 users (show)

See Also:

Reduction (12.28 KB, text/html)
2021-09-17 07:20 PDT, Antoine Quint
no flags Details

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]

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