Bug 139105 - clip-path does not apply if transform is set to a 3D transform
Summary: clip-path does not apply if transform is set to a 3D transform
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac (Intel) OS X 10.10
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks: 126207
  Show dependency treegraph
 
Reported: 2014-11-29 15:56 PST by nkronlage
Modified: 2020-12-02 18:53 PST (History)
0 users

See Also:


Attachments
Demonstrates that clip-path does not apply if a 3D transform is set (556 bytes, text/html)
2014-11-29 15:56 PST, nkronlage
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description nkronlage 2014-11-29 15:56:59 PST
Created attachment 242284 [details]
Demonstrates that clip-path does not apply if a 3D transform is set

Using the css clip-path property and -webkit-translate with a 3D transform does not work.  

See attached repro where there are 2 divs with clip-path set to a circle.  The second div also has -webkit-transform: scale3D(1, 1, 1) applied to it and you can see that the clip-path does not apply.