Bug 221085

Summary: White flashings on page on transform3d
Product: WebKit Reporter: Alvaro <atrigol>
Component: CompositingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: bfulgham, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 14   
Hardware: Mac (Intel)   
OS: macOS 10.15   

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>