Bug 161299 - When transformed element has a reflection, children with backface-visibility produces opposite effect
Summary: When transformed element has a reflection, children with backface-visibility ...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: New Bugs (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2016-08-28 06:59 PDT by Nathan Perkins
Modified: 2016-08-28 09:39 PDT (History)
3 users (show)

See Also:


Attachments
HTML and CSS to reproduce the issue (1.44 KB, text/html)
2016-08-28 06:59 PDT, Nathan Perkins
no flags Details
HTML and CSS to reproduce the issue (fixed typo) (1.44 KB, text/html)
2016-08-28 07:01 PDT, Nathan Perkins
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Nathan Perkins 2016-08-28 06:59:51 PDT
Created attachment 287230 [details]
HTML and CSS to reproduce the issue

This came up while I was looking into another bug involving backface visibility. If a containing element has a 3D transform and a reflection, then backface-visibility: hidden produces the reverse effect for contained elements (that is, elements that should be hidden are visible and elements that are visible should be hidden).

The attached HTML file provides an illustration of this. box1 and box3 should be visible (and are if the reflection is removed), while box2 should be hidden (and is if the reflection is removed).
Comment 1 Nathan Perkins 2016-08-28 07:01:46 PDT
Created attachment 287231 [details]
HTML and CSS to reproduce the issue (fixed typo)