Bug 221085 - White flashings on page on transform3d
Summary: White flashings on page on transform3d
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Compositing (show other bugs)
Version: Safari 14
Hardware: Mac (Intel) macOS 10.15
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-01-28 04:50 PST by Alvaro
Modified: 2021-02-04 04:51 PST (History)
4 users (show)

See Also:

Attachments
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 Alvaro 2021-01-28 04:50:30 PST 
The page flickers after applying some 3d transformations on a container.

To reproduce it:

0- Open Safari on desktop
1- Access https://codesandbox.io/s/react-fullpagejs-example-forked-0w954?file=/src/index.js
2- Access to the full-screen view: https://0w954.csb.app/
3- Scroll up and down 

You'll notice some white rectangles appearing for a fraction of a second.

Video here:
https://drive.google.com/file/d/1VVl9bPsNnk152Fw8Gcwwo1eZdMd8v7Db/view

Safari Version: 14.0.2 (15610.3.7.1.10, 15610)
Mac OS: Catalina 0.15.7 (19H114)
Comment 1 Simon Fraser (smfr) 2021-01-28 09:40:19 PST 
I can reproduce.
Comment 2 Radar WebKit Bug Importer 2021-02-04 04:51:13 PST 
<rdar://problem/73976579>