Bug 1501111 - Add a reftest for this. r=jrmuizel
authorEmilio Cobos Álvarez <emilio@crisal.io>
Mon, 07 Jan 2019 19:41:15 +0000
changeset 509980 d1babeef937f5cd40a840082bdb1e4252b831947
parent 509979 922a9d4b4b49b29db15340b14fa42741a9a0ad25
child 509981 54f18c480711e3cee577e4174f6def86ec2b2a05
push id10547
push userffxbld-merge
push dateMon, 21 Jan 2019 13:03:58 +0000
treeherdermozilla-beta@24ec1916bffe [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjrmuizel
bugs1501111
milestone66.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1501111 - Add a reftest for this. r=jrmuizel Differential Revision: https://phabricator.services.mozilla.com/D15856
testing/web-platform/tests/css/css-masking/clip-path/clip-path-fixed-nested-ref.html
testing/web-platform/tests/css/css-masking/clip-path/clip-path-fixed-nested.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-fixed-nested-ref.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<title>CSS Test Reference</title>
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<style>
+  body, html {
+    margin: 0;
+    padding: 0;
+    background: green;
+  }
+
+  .purple-square {
+    background: purple;
+    width: 50px;
+    height: 50px;
+  }
+</style>
+<div class="purple-square"></div>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-fixed-nested.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<title>CSS Test: nested clip-path() inside the same reference frame with position: fixed</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://bugzilla.mozilla.org/show_bug.cgi?id=1501111">
+<link rel="help" href="https://drafts.fxtf.org/css-masking/#the-clip-path">
+<link rel="match" href="clip-path-fixed-nested-ref.html">
+<style>
+  body, html {
+    margin: 0;
+    padding: 0;
+  }
+  .outer-clip {
+    height: 100vh;
+    clip-path: inset(0 0 0 0);
+    background: green;
+  }
+  .fixed {
+    position: fixed;
+  }
+  .inner-clip {
+    height: 50px;
+    width: 50px;
+    clip-path: inset(0 0 0 0);
+  }
+  .inner-clip-contents {
+    height: 100px;
+    width: 100px;
+    background: purple;
+  }
+</style>
+<div class="outer-clip">
+  <div class="fixed">
+    <div class="inner-clip">
+      <div class="inner-clip-contents"></div>
+    </div>
+  </div>
+</div>