Pass TransformStyle::Preserve3d to WebRender more often for perspecti…

…ve display items. See the comment. Differential Revision: https://phabricator.services.mozilla.com/D16768 bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1505222 gecko-commit: 2195f346d368042482357dc178255030ca610265 gecko-integration-branch: central gecko-reviewers: mattwoodrow
web-platform-tests · Jan 22, 2019 · 90ef044 · 90ef044
1 parent e4e6eee
commit 90ef044
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 0 deletions.
diff --git a/css/css-transforms/preserve3d-nested-perspective-ref.html b/css/css-transforms/preserve3d-nested-perspective-ref.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<title>CSS Test Reference</title>
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://mozilla.org" title="Mozilla">
+<style>
+  html, body { margin: 0 }
+  #box {
+    width: 100px;
+    height: 100px;
+    background: green;
+  }
+</style>
+<div id="box"></div>
diff --git a/css/css-transforms/preserve3d-nested-perspective.html b/css/css-transforms/preserve3d-nested-perspective.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<title>CSS Test: nested preserve-3d and perspective without transformed items</title>
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://mozilla.org" title="Mozilla">
+<link rel="help" href="https://drafts.csswg.org/css-transforms-2/#perspective">
+<link rel="help" href="https://drafts.csswg.org/css-transforms-2/#transform-style-property">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1505222">
+<link rel="match" href="preserve3d-nested-perspective-ref.html">
+<style>
+  html, body { margin: 0 }
+  #box {
+    width: 100px;
+    height: 100px;
+    background: green;
+  }
+</style>
+<!-- Since we don't specify any transform, this should render just a 100x100px red box -->
+<div style="perspective: 1200px">
+  <div style="transform-style: preserve-3d">
+    <div style="transform-style: flat">
+      <div id="box" style="transform-style: preserve-3d"></div>
+    </div>
+  </div>
+</div>