Bug 1433591: Test that dynamic changes properly affect hit-testing for elements that have anon boxes. r=bz a=lizzard
authorEmilio Cobos Álvarez <emilio@crisal.io>
Sun, 28 Jan 2018 05:07:20 +0100
changeset 454569 27baeae16c3753b02f273128452756a8ee707f8e
parent 454568 02179e4a721788fa3c2bb523dc75d0364fc99ec9
child 454570 f2812e41454f1af6c31f52ef578077d840263b0b
push id1648
push usermtabara@mozilla.com
push dateThu, 01 Mar 2018 12:45:47 +0000
treeherdermozilla-release@cbb9688c2eeb [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersbz, lizzard
bugs1433591
milestone59.0
Bug 1433591: Test that dynamic changes properly affect hit-testing for elements that have anon boxes. r=bz a=lizzard MozReview-Commit-ID: 3NfL4Lf7yOu
testing/web-platform/meta/MANIFEST.json
testing/web-platform/tests/css/cssom-view/elementFromPoint-dynamic-anon-box.html
--- a/testing/web-platform/meta/MANIFEST.json
+++ b/testing/web-platform/meta/MANIFEST.json
@@ -309030,16 +309030,22 @@
     ]
    ],
    "css/cssom-view/elementFromPoint-003.html": [
     [
      "/css/cssom-view/elementFromPoint-003.html",
      {}
     ]
    ],
+   "css/cssom-view/elementFromPoint-dynamic-anon-box.html": [
+    [
+     "/css/cssom-view/elementFromPoint-dynamic-anon-box.html",
+     {}
+    ]
+   ],
    "css/cssom-view/elementFromPoint-parameters.html": [
     [
      "/css/cssom-view/elementFromPoint-parameters.html",
      {}
     ]
    ],
    "css/cssom-view/elementFromPoint.html": [
     [
@@ -517129,16 +517135,20 @@
   "css/cssom-view/elementFromPoint-002.html": [
    "36d7e75021f7f6ab8f89b2654ba3c8f818af16b8",
    "testharness"
   ],
   "css/cssom-view/elementFromPoint-003.html": [
    "a689737bd60877e181a8a7ff27774ab383c3de0b",
    "testharness"
   ],
+  "css/cssom-view/elementFromPoint-dynamic-anon-box.html": [
+   "6ee9a47112c9a5fe4f0c85f85ea577575790c5be",
+   "testharness"
+  ],
   "css/cssom-view/elementFromPoint-parameters.html": [
    "0c31602268a831eae1bcd44b4a5e7b678a7ed7cb",
    "testharness"
   ],
   "css/cssom-view/elementFromPoint.html": [
    "0f78405640523cf451b19ea0348b8216139b8168",
    "testharness"
   ],
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/cssom-view/elementFromPoint-dynamic-anon-box.html
@@ -0,0 +1,44 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: Hit testing on element previously hidden by an anonymous scroll box</title>
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1433591">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+html, body {
+  margin: 0;
+  padding: 0;
+}
+/*
+  Create a hidden scrollbox that occupies the whole viewport, then give it
+  visibility: hidden dynamically. The link previously under the scrollbox
+  should be clickable.
+ */
+.scrollable {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  overflow: scroll;
+}
+
+.scrollable .inner {
+  display: table-cell;
+  width: 100vw;
+  height: 100vh;
+}
+</style>
+<div class="scrollable">
+  <div class="inner"></div>
+</div>
+<a href="#">Should be clickable</a>
+<script>
+test(function() {
+  assert_equals(document.elementFromPoint(10, 10).tagName, "DIV",
+                "Should hit the scrollbox contents");
+  document.querySelector('div').style.visibility = "hidden";
+  assert_equals(document.elementFromPoint(10, 10), document.querySelector('a'));
+}, "Link should be clickable after hiding a scrollbox with an anonymous table inside");
+</script>