Bug 1523562 [wpt PR 14823] - [LayoutNG] Dynamic height changes to abspos table, a=testonly
authorAleks Totic <atotic@chromium.org>
Thu, 31 Jan 2019 18:31:34 +0000
changeset 457968 57fc53e4deae2fe8065da2c140b1c4eb3143d644
parent 457967 57714c22795fd27c43aa6d76423d7ca648e22aa4
child 457969 098b1f94c8e19e78a79f453e67631a9452d95a23
push id35518
push useropoprus@mozilla.com
push dateFri, 08 Feb 2019 09:55:14 +0000
treeherdermozilla-central@3a3e393396f4 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1523562, 14823, 918904, 1407119, 622092
milestone67.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 1523562 [wpt PR 14823] - [LayoutNG] Dynamic height changes to abspos table, a=testonly Automatic update from web-platform-tests [LayoutNG] Dynamic height changes to abspos table Bug: 918904 Change-Id: I95483729d4f4839d18731ed73ae979a5917cf835 Reviewed-on: https://chromium-review.googlesource.com/c/1407119 Commit-Queue: Aleks Totic <atotic@chromium.org> Reviewed-by: Morten Stenshorne <mstensho@chromium.org> Cr-Commit-Position: refs/heads/master@{#622092} -- wpt-commits: 7726240502d9100daa2dd18b2c75de06ecefb76d wpt-pr: 14823
testing/web-platform/tests/css/css-position/position-absolute-abspos-table-dynamic.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-position/position-absolute-abspos-table-dynamic.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<title>CSS Position: dynamic abspos table height changes</title>
+<link rel="author" title="mailto:atotic@google.com">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<link rel="help" href="https://www.w3.org/TR/css-position-3/#abs-non-replaced-height">
+<meta name="assert" content="Height changes for abspos table.">
+<style>
+
+#container {
+  width: 400px;
+  height: 300px;
+  background: green;
+  position: relative;
+}
+#target {
+  display: table;
+  background: red;
+  position: absolute;
+  top: 0;
+  width: 50%;
+  height: 100px;
+}
+</style>
+<!-- There should be no red on this page -->
+<div id="container">
+  <div id="target"></div>
+</div>
+<script>
+document.body.offsetTop;
+let target = document.querySelector("#target");
+target.style.height = "auto";
+test(() => {
+  assert_equals(window.getComputedStyle(target).height, "0px");
+}, '#target height changed');
+</script>