summaryrefslogtreecommitdiffstats
path: root/layout/reftests/position-dynamic-changes/vertical
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/position-dynamic-changes/vertical')
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/animate.js59
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightA-bottomN.html19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightN-bottomA.html19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightN-bottomN.html19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomA-2.html19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomA.html19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomN-2.html19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomN.html19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightN-bottomA.html19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/reftest-stylo.list19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/reftest.list18
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/reftest.listbackup12
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/reftest_border_abspos-stylo.list22
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/reftest_border_abspos.list20
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/reftest_border_parent-stylo.list21
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/reftest_border_parent.list20
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/reftest_margin_abspos-stylo.list21
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/reftest_margin_abspos.list20
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/reftest_margin_parent-stylo.list21
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/reftest_margin_parent.list20
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/reftest_padding_abspos-stylo.list21
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/reftest_padding_abspos.list20
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/reftest_padding_parent-stylo.list21
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/reftest_padding_parent.list20
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/reftest_plain-stylo.list21
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/reftest_plain.list20
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/style.css19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightA-bottomN-ref.html15
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightA-bottomN.html19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomA-ref.html15
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomA.html19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomN-ref.html15
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomN.html19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomA-ref.html15
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomA.html19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomN-ref.html15
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomN.html19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightN-bottomA-ref.html15
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightN-bottomA.html19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/topA-heightA-bottomN-ref.html15
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/topA-heightA-bottomN.html19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomA-ref.html15
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomA.html19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomN-ref.html15
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomN.html19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomA-ref.html15
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomA.html19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomN-ref.html15
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomN.html19
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/topN-heightN-bottomA-ref.html15
-rw-r--r--layout/reftests/position-dynamic-changes/vertical/topN-heightN-bottomA.html19
51 files changed, 975 insertions, 0 deletions
diff --git a/layout/reftests/position-dynamic-changes/vertical/animate.js b/layout/reftests/position-dynamic-changes/vertical/animate.js
new file mode 100644
index 000000000..a53d6a180
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/animate.js
@@ -0,0 +1,59 @@
+var currentOffset = null;
+var maxOffset = null;
+var property = "top";
+
+var rfa = null;
+if (window.requestAnimationFrame) {
+ rfa = requestAnimationFrame;
+} else if (window.webkitRequestAnimationFrame) {
+ rfa = webkitRequestAnimationFrame;
+} else if (window.msRequestAnimationFrame) {
+ rfa = msRequestAnimationFrame;
+} else if (window.oRequestAnimationFrame) {
+ rfa = oRequestAnimationFrame;
+}
+
+function animate(from, to, prop) {
+ currentOffset = from;
+ maxOffset = to;
+ if (prop) {
+ property = prop;
+ }
+ rfa(animateStep);
+}
+
+function animateStep() {
+ if (currentOffset <= maxOffset) {
+ document.getElementById("child").style[property] = currentOffset + "px";
+ currentOffset += 10;
+ rfa(animateStep);
+ } else {
+ document.documentElement.removeAttribute("class");
+ }
+}
+
+function toAuto(prop) {
+ if (prop) {
+ property = prop;
+ }
+ rfa(setToAuto);
+}
+
+function setToAuto() {
+ document.getElementById("child").style[property] = "auto";
+ document.documentElement.removeAttribute("class");
+}
+
+function fromAuto(to, prop) {
+ maxOffset = to;
+ if (prop) {
+ property = prop;
+ }
+ rfa(setFromAuto);
+}
+
+function setFromAuto() {
+ document.getElementById("child").style[property] = maxOffset + "px";
+ document.documentElement.removeAttribute("class");
+}
+
diff --git a/layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightA-bottomN.html b/layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightA-bottomN.html
new file mode 100644
index 000000000..d8c500293
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightA-bottomN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ <script>
+ fromAuto(200, "bottom");
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightN-bottomA.html b/layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightN-bottomA.html
new file mode 100644
index 000000000..ba270ce84
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightN-bottomA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ <script>
+ fromAuto(200, "height");
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightN-bottomN.html b/layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightN-bottomN.html
new file mode 100644
index 000000000..c8355d854
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/fromauto-topA-heightN-bottomN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="height: 100px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ <script>
+ fromAuto(200, "bottom");
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomA-2.html b/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomA-2.html
new file mode 100644
index 000000000..097974267
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomA-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ <script>
+ fromAuto(360);
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomA.html b/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomA.html
new file mode 100644
index 000000000..d4f5cd7d0
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ <script>
+ fromAuto(200);
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomN-2.html b/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomN-2.html
new file mode 100644
index 000000000..c6090e7f4
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomN-2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="bottom: 20px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ <script>
+ fromAuto(340);
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomN.html b/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomN.html
new file mode 100644
index 000000000..daf37a46b
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightA-bottomN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="bottom: 20px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ <script>
+ fromAuto(200);
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightN-bottomA.html b/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightN-bottomA.html
new file mode 100644
index 000000000..a417786c5
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/fromauto-topN-heightN-bottomA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="height: 100px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ <script>
+ fromAuto(200);
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest-stylo.list b/layout/reftests/position-dynamic-changes/vertical/reftest-stylo.list
new file mode 100644
index 000000000..2f9419814
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest-stylo.list
@@ -0,0 +1,19 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+# This directory includes 7 different permutations of the same tests.
+# reftest_plain-stylo.list is the manifest file for tests without any border, margin
+# or padding applied to either the abs-pos element or the parent.
+# reftest_{prop}_{element}.list files are the manifest files for tests with the
+# CSS property {prop} applied to {element}. These files use the query string
+# on the test file and the reference file to ask the code in ../handleprop.js add
+# the corresponding CSS style.
+
+# Any changes to the contents of the following files needs to be reflected on
+# all of them.
+
+include reftest_plain-stylo.list
+include reftest_border_abspos-stylo.list
+include reftest_border_parent-stylo.list
+include reftest_margin_abspos-stylo.list
+include reftest_margin_parent-stylo.list
+include reftest_padding_abspos-stylo.list
+include reftest_padding_parent-stylo.list
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest.list b/layout/reftests/position-dynamic-changes/vertical/reftest.list
new file mode 100644
index 000000000..5f888a3ad
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest.list
@@ -0,0 +1,18 @@
+# This directory includes 7 different permutations of the same tests.
+# reftest_plain.list is the manifest file for tests without any border, margin
+# or padding applied to either the abs-pos element or the parent.
+# reftest_{prop}_{element}.list files are the manifest files for tests with the
+# CSS property {prop} applied to {element}. These files use the query string
+# on the test file and the reference file to ask the code in ../handleprop.js add
+# the corresponding CSS style.
+
+# Any changes to the contents of the following files needs to be reflected on
+# all of them.
+
+include reftest_plain.list
+include reftest_border_abspos.list
+include reftest_border_parent.list
+include reftest_margin_abspos.list
+include reftest_margin_parent.list
+include reftest_padding_abspos.list
+include reftest_padding_parent.list
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest.listbackup b/layout/reftests/position-dynamic-changes/vertical/reftest.listbackup
new file mode 100644
index 000000000..86a90a0cd
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest.listbackup
@@ -0,0 +1,12 @@
+== topN-heightA-bottomA.html topN-heightA-bottomA-ref.html
+== topN-heightA-bottomN.html topN-heightA-bottomN-ref.html
+== topA-heightN-bottomA.html topA-heightN-bottomA-ref.html
+== topN-heightN-bottomA.html topN-heightN-bottomA-ref.html
+== topA-heightN-bottomN.html topA-heightN-bottomN-ref.html
+== topA-heightA-bottomN.html topA-heightA-bottomN-ref.html
+== toauto-topN-heightA-bottomA.html toauto-topN-heightA-bottomA-ref.html
+== toauto-topN-heightA-bottomN.html toauto-topN-heightA-bottomN-ref.html
+== toauto-topA-heightN-bottomA.html toauto-topA-heightN-bottomA-ref.html
+== toauto-topN-heightN-bottomA.html toauto-topN-heightN-bottomA-ref.html
+== toauto-topA-heightN-bottomN.html toauto-topA-heightN-bottomN-ref.html
+== toauto-topA-heightA-bottomN.html toauto-topA-heightA-bottomN-ref.html
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_border_abspos-stylo.list b/layout/reftests/position-dynamic-changes/vertical/reftest_border_abspos-stylo.list
new file mode 100644
index 000000000..c58e38818
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_border_abspos-stylo.list
@@ -0,0 +1,22 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+# Please see the comment at the beginning of reftest-stylo.list
+
+== topN-heightA-bottomA.html?border_abspos topN-heightA-bottomA.html?border_abspos
+== topN-heightA-bottomN.html?border_abspos topN-heightA-bottomN.html?border_abspos
+== topA-heightN-bottomA.html?border_abspos topA-heightN-bottomA.html?border_abspos
+== topN-heightN-bottomA.html?border_abspos topN-heightN-bottomA.html?border_abspos
+== topA-heightN-bottomN.html?border_abspos topA-heightN-bottomN.html?border_abspos
+== topA-heightA-bottomN.html?border_abspos topA-heightA-bottomN.html?border_abspos
+skip == toauto-topN-heightA-bottomA.html?border_abspos toauto-topN-heightA-bottomA.html?border_abspos
+== toauto-topN-heightA-bottomN.html?border_abspos toauto-topN-heightA-bottomN.html?border_abspos
+== toauto-topA-heightN-bottomA.html?border_abspos toauto-topA-heightN-bottomA.html?border_abspos
+== toauto-topN-heightN-bottomA.html?border_abspos toauto-topN-heightN-bottomA.html?border_abspos
+== toauto-topA-heightN-bottomN.html?border_abspos toauto-topA-heightN-bottomN.html?border_abspos
+== toauto-topA-heightA-bottomN.html?border_abspos toauto-topA-heightA-bottomN.html?border_abspos
+== fromauto-topN-heightA-bottomA.html?border_abspos fromauto-topN-heightA-bottomA.html?border_abspos
+skip-if(B2G||Mulet) == fromauto-topN-heightA-bottomN.html?border_abspos fromauto-topN-heightA-bottomN.html?border_abspos
+# Initial mulet triage: parity with B2G/B2G Desktop
+== fromauto-topA-heightN-bottomA.html?border_abspos fromauto-topA-heightN-bottomA.html?border_abspos
+== fromauto-topN-heightN-bottomA.html?border_abspos fromauto-topN-heightN-bottomA.html?border_abspos
+== fromauto-topA-heightN-bottomN.html?border_abspos fromauto-topA-heightN-bottomN.html?border_abspos
+== fromauto-topA-heightA-bottomN.html?border_abspos fromauto-topA-heightA-bottomN.html?border_abspos
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_border_abspos.list b/layout/reftests/position-dynamic-changes/vertical/reftest_border_abspos.list
new file mode 100644
index 000000000..30ad61129
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_border_abspos.list
@@ -0,0 +1,20 @@
+# Please see the comment at the beginning of reftest.list
+
+== topN-heightA-bottomA.html?border_abspos topN-heightA-bottomA-ref.html?border_abspos
+== topN-heightA-bottomN.html?border_abspos topN-heightA-bottomN-ref.html?border_abspos
+== topA-heightN-bottomA.html?border_abspos topA-heightN-bottomA-ref.html?border_abspos
+== topN-heightN-bottomA.html?border_abspos topN-heightN-bottomA-ref.html?border_abspos
+== topA-heightN-bottomN.html?border_abspos topA-heightN-bottomN-ref.html?border_abspos
+== topA-heightA-bottomN.html?border_abspos topA-heightA-bottomN-ref.html?border_abspos
+== toauto-topN-heightA-bottomA.html?border_abspos toauto-topN-heightA-bottomA-ref.html?border_abspos
+== toauto-topN-heightA-bottomN.html?border_abspos toauto-topN-heightA-bottomN-ref.html?border_abspos
+== toauto-topA-heightN-bottomA.html?border_abspos toauto-topA-heightN-bottomA-ref.html?border_abspos
+== toauto-topN-heightN-bottomA.html?border_abspos toauto-topN-heightN-bottomA-ref.html?border_abspos
+== toauto-topA-heightN-bottomN.html?border_abspos toauto-topA-heightN-bottomN-ref.html?border_abspos
+== toauto-topA-heightA-bottomN.html?border_abspos toauto-topA-heightA-bottomN-ref.html?border_abspos
+== fromauto-topN-heightA-bottomA.html?border_abspos topN-heightA-bottomA-ref.html?border_abspos
+== fromauto-topN-heightA-bottomN.html?border_abspos topN-heightA-bottomN-ref.html?border_abspos
+== fromauto-topA-heightN-bottomA.html?border_abspos topA-heightN-bottomA-ref.html?border_abspos
+== fromauto-topN-heightN-bottomA.html?border_abspos topN-heightN-bottomA-ref.html?border_abspos
+== fromauto-topA-heightN-bottomN.html?border_abspos topA-heightN-bottomN-ref.html?border_abspos
+== fromauto-topA-heightA-bottomN.html?border_abspos topA-heightA-bottomN-ref.html?border_abspos
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_border_parent-stylo.list b/layout/reftests/position-dynamic-changes/vertical/reftest_border_parent-stylo.list
new file mode 100644
index 000000000..662d5c5ea
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_border_parent-stylo.list
@@ -0,0 +1,21 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+# Please see the comment at the beginning of reftest-stylo.list
+
+== topN-heightA-bottomA.html?border_parent topN-heightA-bottomA.html?border_parent
+== topN-heightA-bottomN.html?border_parent topN-heightA-bottomN.html?border_parent
+== topA-heightN-bottomA.html?border_parent topA-heightN-bottomA.html?border_parent
+== topN-heightN-bottomA.html?border_parent topN-heightN-bottomA.html?border_parent
+== topA-heightN-bottomN.html?border_parent topA-heightN-bottomN.html?border_parent
+== topA-heightA-bottomN.html?border_parent topA-heightA-bottomN.html?border_parent
+skip == toauto-topN-heightA-bottomA.html?border_parent toauto-topN-heightA-bottomA.html?border_parent
+== toauto-topN-heightA-bottomN.html?border_parent toauto-topN-heightA-bottomN.html?border_parent
+== toauto-topA-heightN-bottomA.html?border_parent toauto-topA-heightN-bottomA.html?border_parent
+== toauto-topN-heightN-bottomA.html?border_parent toauto-topN-heightN-bottomA.html?border_parent
+== toauto-topA-heightN-bottomN.html?border_parent toauto-topA-heightN-bottomN.html?border_parent
+== toauto-topA-heightA-bottomN.html?border_parent toauto-topA-heightA-bottomN.html?border_parent
+== fromauto-topN-heightA-bottomA.html?border_parent fromauto-topN-heightA-bottomA.html?border_parent
+== fromauto-topN-heightA-bottomN.html?border_parent fromauto-topN-heightA-bottomN.html?border_parent
+== fromauto-topA-heightN-bottomA.html?border_parent fromauto-topA-heightN-bottomA.html?border_parent
+== fromauto-topN-heightN-bottomA.html?border_parent fromauto-topN-heightN-bottomA.html?border_parent
+== fromauto-topA-heightN-bottomN.html?border_parent fromauto-topA-heightN-bottomN.html?border_parent
+== fromauto-topA-heightA-bottomN.html?border_parent fromauto-topA-heightA-bottomN.html?border_parent
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_border_parent.list b/layout/reftests/position-dynamic-changes/vertical/reftest_border_parent.list
new file mode 100644
index 000000000..4005e1f18
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_border_parent.list
@@ -0,0 +1,20 @@
+# Please see the comment at the beginning of reftest.list
+
+== topN-heightA-bottomA.html?border_parent topN-heightA-bottomA-ref.html?border_parent
+== topN-heightA-bottomN.html?border_parent topN-heightA-bottomN-ref.html?border_parent
+== topA-heightN-bottomA.html?border_parent topA-heightN-bottomA-ref.html?border_parent
+== topN-heightN-bottomA.html?border_parent topN-heightN-bottomA-ref.html?border_parent
+== topA-heightN-bottomN.html?border_parent topA-heightN-bottomN-ref.html?border_parent
+== topA-heightA-bottomN.html?border_parent topA-heightA-bottomN-ref.html?border_parent
+== toauto-topN-heightA-bottomA.html?border_parent toauto-topN-heightA-bottomA-ref.html?border_parent
+== toauto-topN-heightA-bottomN.html?border_parent toauto-topN-heightA-bottomN-ref.html?border_parent
+== toauto-topA-heightN-bottomA.html?border_parent toauto-topA-heightN-bottomA-ref.html?border_parent
+== toauto-topN-heightN-bottomA.html?border_parent toauto-topN-heightN-bottomA-ref.html?border_parent
+== toauto-topA-heightN-bottomN.html?border_parent toauto-topA-heightN-bottomN-ref.html?border_parent
+== toauto-topA-heightA-bottomN.html?border_parent toauto-topA-heightA-bottomN-ref.html?border_parent
+== fromauto-topN-heightA-bottomA.html?border_parent topN-heightA-bottomA-ref.html?border_parent
+== fromauto-topN-heightA-bottomN.html?border_parent topN-heightA-bottomN-ref.html?border_parent
+== fromauto-topA-heightN-bottomA.html?border_parent topA-heightN-bottomA-ref.html?border_parent
+== fromauto-topN-heightN-bottomA.html?border_parent topN-heightN-bottomA-ref.html?border_parent
+== fromauto-topA-heightN-bottomN.html?border_parent topA-heightN-bottomN-ref.html?border_parent
+== fromauto-topA-heightA-bottomN.html?border_parent topA-heightA-bottomN-ref.html?border_parent
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_margin_abspos-stylo.list b/layout/reftests/position-dynamic-changes/vertical/reftest_margin_abspos-stylo.list
new file mode 100644
index 000000000..232bcad44
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_margin_abspos-stylo.list
@@ -0,0 +1,21 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+# Please see the comment at the beginning of reftest-stylo.list
+
+== topN-heightA-bottomA.html?margin_abspos topN-heightA-bottomA.html?margin_abspos
+== topN-heightA-bottomN.html?margin_abspos topN-heightA-bottomN.html?margin_abspos
+== topA-heightN-bottomA.html?margin_abspos topA-heightN-bottomA.html?margin_abspos
+== topN-heightN-bottomA.html?margin_abspos topN-heightN-bottomA.html?margin_abspos
+== topA-heightN-bottomN.html?margin_abspos topA-heightN-bottomN.html?margin_abspos
+== topA-heightA-bottomN.html?margin_abspos topA-heightA-bottomN.html?margin_abspos
+skip == toauto-topN-heightA-bottomA.html?margin_abspos toauto-topN-heightA-bottomA.html?margin_abspos
+== toauto-topN-heightA-bottomN.html?margin_abspos toauto-topN-heightA-bottomN.html?margin_abspos
+== toauto-topA-heightN-bottomA.html?margin_abspos toauto-topA-heightN-bottomA.html?margin_abspos
+== toauto-topN-heightN-bottomA.html?margin_abspos toauto-topN-heightN-bottomA.html?margin_abspos
+== toauto-topA-heightN-bottomN.html?margin_abspos toauto-topA-heightN-bottomN.html?margin_abspos
+== toauto-topA-heightA-bottomN.html?margin_abspos toauto-topA-heightA-bottomN.html?margin_abspos
+== fromauto-topN-heightA-bottomA.html?margin_abspos fromauto-topN-heightA-bottomA.html?margin_abspos
+== fromauto-topN-heightA-bottomN.html?margin_abspos fromauto-topN-heightA-bottomN.html?margin_abspos
+== fromauto-topA-heightN-bottomA.html?margin_abspos fromauto-topA-heightN-bottomA.html?margin_abspos
+== fromauto-topN-heightN-bottomA.html?margin_abspos fromauto-topN-heightN-bottomA.html?margin_abspos
+== fromauto-topA-heightN-bottomN.html?margin_abspos fromauto-topA-heightN-bottomN.html?margin_abspos
+== fromauto-topA-heightA-bottomN.html?margin_abspos fromauto-topA-heightA-bottomN.html?margin_abspos
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_margin_abspos.list b/layout/reftests/position-dynamic-changes/vertical/reftest_margin_abspos.list
new file mode 100644
index 000000000..732548689
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_margin_abspos.list
@@ -0,0 +1,20 @@
+# Please see the comment at the beginning of reftest.list
+
+== topN-heightA-bottomA.html?margin_abspos topN-heightA-bottomA-ref.html?margin_abspos
+== topN-heightA-bottomN.html?margin_abspos topN-heightA-bottomN-ref.html?margin_abspos
+== topA-heightN-bottomA.html?margin_abspos topA-heightN-bottomA-ref.html?margin_abspos
+== topN-heightN-bottomA.html?margin_abspos topN-heightN-bottomA-ref.html?margin_abspos
+== topA-heightN-bottomN.html?margin_abspos topA-heightN-bottomN-ref.html?margin_abspos
+== topA-heightA-bottomN.html?margin_abspos topA-heightA-bottomN-ref.html?margin_abspos
+== toauto-topN-heightA-bottomA.html?margin_abspos toauto-topN-heightA-bottomA-ref.html?margin_abspos
+== toauto-topN-heightA-bottomN.html?margin_abspos toauto-topN-heightA-bottomN-ref.html?margin_abspos
+== toauto-topA-heightN-bottomA.html?margin_abspos toauto-topA-heightN-bottomA-ref.html?margin_abspos
+== toauto-topN-heightN-bottomA.html?margin_abspos toauto-topN-heightN-bottomA-ref.html?margin_abspos
+== toauto-topA-heightN-bottomN.html?margin_abspos toauto-topA-heightN-bottomN-ref.html?margin_abspos
+== toauto-topA-heightA-bottomN.html?margin_abspos toauto-topA-heightA-bottomN-ref.html?margin_abspos
+== fromauto-topN-heightA-bottomA.html?margin_abspos topN-heightA-bottomA-ref.html?margin_abspos
+== fromauto-topN-heightA-bottomN.html?margin_abspos topN-heightA-bottomN-ref.html?margin_abspos
+== fromauto-topA-heightN-bottomA.html?margin_abspos topA-heightN-bottomA-ref.html?margin_abspos
+== fromauto-topN-heightN-bottomA.html?margin_abspos topN-heightN-bottomA-ref.html?margin_abspos
+== fromauto-topA-heightN-bottomN.html?margin_abspos topA-heightN-bottomN-ref.html?margin_abspos
+== fromauto-topA-heightA-bottomN.html?margin_abspos topA-heightA-bottomN-ref.html?margin_abspos
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_margin_parent-stylo.list b/layout/reftests/position-dynamic-changes/vertical/reftest_margin_parent-stylo.list
new file mode 100644
index 000000000..4d02c2da9
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_margin_parent-stylo.list
@@ -0,0 +1,21 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+# Please see the comment at the beginning of reftest-stylo.list
+
+== topN-heightA-bottomA.html?margin_parent topN-heightA-bottomA.html?margin_parent
+== topN-heightA-bottomN.html?margin_parent topN-heightA-bottomN.html?margin_parent
+== topA-heightN-bottomA.html?margin_parent topA-heightN-bottomA.html?margin_parent
+== topN-heightN-bottomA.html?margin_parent topN-heightN-bottomA.html?margin_parent
+== topA-heightN-bottomN.html?margin_parent topA-heightN-bottomN.html?margin_parent
+== topA-heightA-bottomN.html?margin_parent topA-heightA-bottomN.html?margin_parent
+skip == toauto-topN-heightA-bottomA.html?margin_parent toauto-topN-heightA-bottomA.html?margin_parent
+== toauto-topN-heightA-bottomN.html?margin_parent toauto-topN-heightA-bottomN.html?margin_parent
+== toauto-topA-heightN-bottomA.html?margin_parent toauto-topA-heightN-bottomA.html?margin_parent
+== toauto-topN-heightN-bottomA.html?margin_parent toauto-topN-heightN-bottomA.html?margin_parent
+== toauto-topA-heightN-bottomN.html?margin_parent toauto-topA-heightN-bottomN.html?margin_parent
+== toauto-topA-heightA-bottomN.html?margin_parent toauto-topA-heightA-bottomN.html?margin_parent
+== fromauto-topN-heightA-bottomA.html?margin_parent fromauto-topN-heightA-bottomA.html?margin_parent
+== fromauto-topN-heightA-bottomN.html?margin_parent fromauto-topN-heightA-bottomN.html?margin_parent
+== fromauto-topA-heightN-bottomA.html?margin_parent fromauto-topA-heightN-bottomA.html?margin_parent
+== fromauto-topN-heightN-bottomA.html?margin_parent fromauto-topN-heightN-bottomA.html?margin_parent
+== fromauto-topA-heightN-bottomN.html?margin_parent fromauto-topA-heightN-bottomN.html?margin_parent
+== fromauto-topA-heightA-bottomN.html?margin_parent fromauto-topA-heightA-bottomN.html?margin_parent
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_margin_parent.list b/layout/reftests/position-dynamic-changes/vertical/reftest_margin_parent.list
new file mode 100644
index 000000000..e1af174cb
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_margin_parent.list
@@ -0,0 +1,20 @@
+# Please see the comment at the beginning of reftest.list
+
+== topN-heightA-bottomA.html?margin_parent topN-heightA-bottomA-ref.html?margin_parent
+== topN-heightA-bottomN.html?margin_parent topN-heightA-bottomN-ref.html?margin_parent
+== topA-heightN-bottomA.html?margin_parent topA-heightN-bottomA-ref.html?margin_parent
+== topN-heightN-bottomA.html?margin_parent topN-heightN-bottomA-ref.html?margin_parent
+== topA-heightN-bottomN.html?margin_parent topA-heightN-bottomN-ref.html?margin_parent
+== topA-heightA-bottomN.html?margin_parent topA-heightA-bottomN-ref.html?margin_parent
+== toauto-topN-heightA-bottomA.html?margin_parent toauto-topN-heightA-bottomA-ref.html?margin_parent
+== toauto-topN-heightA-bottomN.html?margin_parent toauto-topN-heightA-bottomN-ref.html?margin_parent
+== toauto-topA-heightN-bottomA.html?margin_parent toauto-topA-heightN-bottomA-ref.html?margin_parent
+== toauto-topN-heightN-bottomA.html?margin_parent toauto-topN-heightN-bottomA-ref.html?margin_parent
+== toauto-topA-heightN-bottomN.html?margin_parent toauto-topA-heightN-bottomN-ref.html?margin_parent
+== toauto-topA-heightA-bottomN.html?margin_parent toauto-topA-heightA-bottomN-ref.html?margin_parent
+== fromauto-topN-heightA-bottomA.html?margin_parent topN-heightA-bottomA-ref.html?margin_parent
+== fromauto-topN-heightA-bottomN.html?margin_parent topN-heightA-bottomN-ref.html?margin_parent
+== fromauto-topA-heightN-bottomA.html?margin_parent topA-heightN-bottomA-ref.html?margin_parent
+== fromauto-topN-heightN-bottomA.html?margin_parent topN-heightN-bottomA-ref.html?margin_parent
+== fromauto-topA-heightN-bottomN.html?margin_parent topA-heightN-bottomN-ref.html?margin_parent
+== fromauto-topA-heightA-bottomN.html?margin_parent topA-heightA-bottomN-ref.html?margin_parent
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_padding_abspos-stylo.list b/layout/reftests/position-dynamic-changes/vertical/reftest_padding_abspos-stylo.list
new file mode 100644
index 000000000..b4d4ee3f2
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_padding_abspos-stylo.list
@@ -0,0 +1,21 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+# Please see the comment at the beginning of reftest-stylo.list
+
+== topN-heightA-bottomA.html?padding_abspos topN-heightA-bottomA.html?padding_abspos
+== topN-heightA-bottomN.html?padding_abspos topN-heightA-bottomN.html?padding_abspos
+== topA-heightN-bottomA.html?padding_abspos topA-heightN-bottomA.html?padding_abspos
+== topN-heightN-bottomA.html?padding_abspos topN-heightN-bottomA.html?padding_abspos
+== topA-heightN-bottomN.html?padding_abspos topA-heightN-bottomN.html?padding_abspos
+== topA-heightA-bottomN.html?padding_abspos topA-heightA-bottomN.html?padding_abspos
+skip == toauto-topN-heightA-bottomA.html?padding_abspos toauto-topN-heightA-bottomA.html?padding_abspos
+== toauto-topN-heightA-bottomN.html?padding_abspos toauto-topN-heightA-bottomN.html?padding_abspos
+== toauto-topA-heightN-bottomA.html?padding_abspos toauto-topA-heightN-bottomA.html?padding_abspos
+== toauto-topN-heightN-bottomA.html?padding_abspos toauto-topN-heightN-bottomA.html?padding_abspos
+== toauto-topA-heightN-bottomN.html?padding_abspos toauto-topA-heightN-bottomN.html?padding_abspos
+== toauto-topA-heightA-bottomN.html?padding_abspos toauto-topA-heightA-bottomN.html?padding_abspos
+== fromauto-topN-heightA-bottomA.html?padding_abspos fromauto-topN-heightA-bottomA.html?padding_abspos
+== fromauto-topN-heightA-bottomN.html?padding_abspos fromauto-topN-heightA-bottomN.html?padding_abspos
+== fromauto-topA-heightN-bottomA.html?padding_abspos fromauto-topA-heightN-bottomA.html?padding_abspos
+== fromauto-topN-heightN-bottomA.html?padding_abspos fromauto-topN-heightN-bottomA.html?padding_abspos
+== fromauto-topA-heightN-bottomN.html?padding_abspos fromauto-topA-heightN-bottomN.html?padding_abspos
+== fromauto-topA-heightA-bottomN.html?padding_abspos fromauto-topA-heightA-bottomN.html?padding_abspos
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_padding_abspos.list b/layout/reftests/position-dynamic-changes/vertical/reftest_padding_abspos.list
new file mode 100644
index 000000000..1b1bc586a
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_padding_abspos.list
@@ -0,0 +1,20 @@
+# Please see the comment at the beginning of reftest.list
+
+== topN-heightA-bottomA.html?padding_abspos topN-heightA-bottomA-ref.html?padding_abspos
+== topN-heightA-bottomN.html?padding_abspos topN-heightA-bottomN-ref.html?padding_abspos
+== topA-heightN-bottomA.html?padding_abspos topA-heightN-bottomA-ref.html?padding_abspos
+== topN-heightN-bottomA.html?padding_abspos topN-heightN-bottomA-ref.html?padding_abspos
+== topA-heightN-bottomN.html?padding_abspos topA-heightN-bottomN-ref.html?padding_abspos
+== topA-heightA-bottomN.html?padding_abspos topA-heightA-bottomN-ref.html?padding_abspos
+== toauto-topN-heightA-bottomA.html?padding_abspos toauto-topN-heightA-bottomA-ref.html?padding_abspos
+== toauto-topN-heightA-bottomN.html?padding_abspos toauto-topN-heightA-bottomN-ref.html?padding_abspos
+== toauto-topA-heightN-bottomA.html?padding_abspos toauto-topA-heightN-bottomA-ref.html?padding_abspos
+== toauto-topN-heightN-bottomA.html?padding_abspos toauto-topN-heightN-bottomA-ref.html?padding_abspos
+== toauto-topA-heightN-bottomN.html?padding_abspos toauto-topA-heightN-bottomN-ref.html?padding_abspos
+== toauto-topA-heightA-bottomN.html?padding_abspos toauto-topA-heightA-bottomN-ref.html?padding_abspos
+== fromauto-topN-heightA-bottomA.html?padding_abspos topN-heightA-bottomA-ref.html?padding_abspos
+== fromauto-topN-heightA-bottomN.html?padding_abspos topN-heightA-bottomN-ref.html?padding_abspos
+== fromauto-topA-heightN-bottomA.html?padding_abspos topA-heightN-bottomA-ref.html?padding_abspos
+== fromauto-topN-heightN-bottomA.html?padding_abspos topN-heightN-bottomA-ref.html?padding_abspos
+== fromauto-topA-heightN-bottomN.html?padding_abspos topA-heightN-bottomN-ref.html?padding_abspos
+== fromauto-topA-heightA-bottomN.html?padding_abspos topA-heightA-bottomN-ref.html?padding_abspos
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_padding_parent-stylo.list b/layout/reftests/position-dynamic-changes/vertical/reftest_padding_parent-stylo.list
new file mode 100644
index 000000000..4cf9a1139
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_padding_parent-stylo.list
@@ -0,0 +1,21 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+# Please see the comment at the beginning of reftest-stylo.list
+
+== topN-heightA-bottomA.html?padding_parent topN-heightA-bottomA.html?padding_parent
+== topN-heightA-bottomN.html?padding_parent topN-heightA-bottomN.html?padding_parent
+== topA-heightN-bottomA.html?padding_parent topA-heightN-bottomA.html?padding_parent
+== topN-heightN-bottomA.html?padding_parent topN-heightN-bottomA.html?padding_parent
+== topA-heightN-bottomN.html?padding_parent topA-heightN-bottomN.html?padding_parent
+skip == topA-heightA-bottomN.html?padding_parent topA-heightA-bottomN.html?padding_parent
+skip == toauto-topN-heightA-bottomA.html?padding_parent toauto-topN-heightA-bottomA.html?padding_parent
+== toauto-topN-heightA-bottomN.html?padding_parent toauto-topN-heightA-bottomN.html?padding_parent
+== toauto-topA-heightN-bottomA.html?padding_parent toauto-topA-heightN-bottomA.html?padding_parent
+== toauto-topN-heightN-bottomA.html?padding_parent toauto-topN-heightN-bottomA.html?padding_parent
+== toauto-topA-heightN-bottomN.html?padding_parent toauto-topA-heightN-bottomN.html?padding_parent
+skip == toauto-topA-heightA-bottomN.html?padding_parent toauto-topA-heightA-bottomN.html?padding_parent
+== fromauto-topN-heightA-bottomA.html?padding_parent fromauto-topN-heightA-bottomA.html?padding_parent
+== fromauto-topN-heightA-bottomN.html?padding_parent fromauto-topN-heightA-bottomN.html?padding_parent
+== fromauto-topA-heightN-bottomA.html?padding_parent fromauto-topA-heightN-bottomA.html?padding_parent
+== fromauto-topN-heightN-bottomA.html?padding_parent fromauto-topN-heightN-bottomA.html?padding_parent
+== fromauto-topA-heightN-bottomN.html?padding_parent fromauto-topA-heightN-bottomN.html?padding_parent
+skip == fromauto-topA-heightA-bottomN.html?padding_parent fromauto-topA-heightA-bottomN.html?padding_parent
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_padding_parent.list b/layout/reftests/position-dynamic-changes/vertical/reftest_padding_parent.list
new file mode 100644
index 000000000..41ae5995e
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_padding_parent.list
@@ -0,0 +1,20 @@
+# Please see the comment at the beginning of reftest.list
+
+== topN-heightA-bottomA.html?padding_parent topN-heightA-bottomA-ref.html?padding_parent
+== topN-heightA-bottomN.html?padding_parent topN-heightA-bottomN-ref.html?padding_parent
+== topA-heightN-bottomA.html?padding_parent topA-heightN-bottomA-ref.html?padding_parent
+== topN-heightN-bottomA.html?padding_parent topN-heightN-bottomA-ref.html?padding_parent
+== topA-heightN-bottomN.html?padding_parent topA-heightN-bottomN-ref.html?padding_parent
+== topA-heightA-bottomN.html?padding_parent topA-heightA-bottomN-ref.html?padding_parent
+== toauto-topN-heightA-bottomA.html?padding_parent toauto-topN-heightA-bottomA-ref.html?padding_parent
+== toauto-topN-heightA-bottomN.html?padding_parent toauto-topN-heightA-bottomN-ref.html?padding_parent
+== toauto-topA-heightN-bottomA.html?padding_parent toauto-topA-heightN-bottomA-ref.html?padding_parent
+== toauto-topN-heightN-bottomA.html?padding_parent toauto-topN-heightN-bottomA-ref.html?padding_parent
+== toauto-topA-heightN-bottomN.html?padding_parent toauto-topA-heightN-bottomN-ref.html?padding_parent
+== toauto-topA-heightA-bottomN.html?padding_parent toauto-topA-heightA-bottomN-ref.html?padding_parent
+== fromauto-topN-heightA-bottomA.html?padding_parent topN-heightA-bottomA-ref.html?padding_parent
+== fromauto-topN-heightA-bottomN.html?padding_parent topN-heightA-bottomN-ref.html?padding_parent
+== fromauto-topA-heightN-bottomA.html?padding_parent topA-heightN-bottomA-ref.html?padding_parent
+== fromauto-topN-heightN-bottomA.html?padding_parent topN-heightN-bottomA-ref.html?padding_parent
+== fromauto-topA-heightN-bottomN.html?padding_parent topA-heightN-bottomN-ref.html?padding_parent
+== fromauto-topA-heightA-bottomN.html?padding_parent topA-heightA-bottomN-ref.html?padding_parent
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_plain-stylo.list b/layout/reftests/position-dynamic-changes/vertical/reftest_plain-stylo.list
new file mode 100644
index 000000000..54aaec4dd
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_plain-stylo.list
@@ -0,0 +1,21 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+# Please see the comment at the beginning of reftest-stylo.list
+
+== topN-heightA-bottomA.html topN-heightA-bottomA.html
+== topN-heightA-bottomN.html topN-heightA-bottomN.html
+== topA-heightN-bottomA.html topA-heightN-bottomA.html
+== topN-heightN-bottomA.html topN-heightN-bottomA.html
+== topA-heightN-bottomN.html topA-heightN-bottomN.html
+== topA-heightA-bottomN.html topA-heightA-bottomN.html
+skip == toauto-topN-heightA-bottomA.html toauto-topN-heightA-bottomA.html
+== toauto-topN-heightA-bottomN.html toauto-topN-heightA-bottomN.html
+== toauto-topA-heightN-bottomA.html toauto-topA-heightN-bottomA.html
+== toauto-topN-heightN-bottomA.html toauto-topN-heightN-bottomA.html
+== toauto-topA-heightN-bottomN.html toauto-topA-heightN-bottomN.html
+== toauto-topA-heightA-bottomN.html toauto-topA-heightA-bottomN.html
+== fromauto-topN-heightA-bottomA.html fromauto-topN-heightA-bottomA.html
+== fromauto-topN-heightA-bottomN.html fromauto-topN-heightA-bottomN.html
+== fromauto-topA-heightN-bottomA.html fromauto-topA-heightN-bottomA.html
+== fromauto-topN-heightN-bottomA.html fromauto-topN-heightN-bottomA.html
+== fromauto-topA-heightN-bottomN.html fromauto-topA-heightN-bottomN.html
+== fromauto-topA-heightA-bottomN.html fromauto-topA-heightA-bottomN.html
diff --git a/layout/reftests/position-dynamic-changes/vertical/reftest_plain.list b/layout/reftests/position-dynamic-changes/vertical/reftest_plain.list
new file mode 100644
index 000000000..2e760ef2c
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/reftest_plain.list
@@ -0,0 +1,20 @@
+# Please see the comment at the beginning of reftest.list
+
+== topN-heightA-bottomA.html topN-heightA-bottomA-ref.html
+== topN-heightA-bottomN.html topN-heightA-bottomN-ref.html
+== topA-heightN-bottomA.html topA-heightN-bottomA-ref.html
+== topN-heightN-bottomA.html topN-heightN-bottomA-ref.html
+== topA-heightN-bottomN.html topA-heightN-bottomN-ref.html
+== topA-heightA-bottomN.html topA-heightA-bottomN-ref.html
+== toauto-topN-heightA-bottomA.html toauto-topN-heightA-bottomA-ref.html
+== toauto-topN-heightA-bottomN.html toauto-topN-heightA-bottomN-ref.html
+== toauto-topA-heightN-bottomA.html toauto-topA-heightN-bottomA-ref.html
+== toauto-topN-heightN-bottomA.html toauto-topN-heightN-bottomA-ref.html
+== toauto-topA-heightN-bottomN.html toauto-topA-heightN-bottomN-ref.html
+== toauto-topA-heightA-bottomN.html toauto-topA-heightA-bottomN-ref.html
+== fromauto-topN-heightA-bottomA.html topN-heightA-bottomA-ref.html
+== fromauto-topN-heightA-bottomN.html topN-heightA-bottomN-ref.html
+== fromauto-topA-heightN-bottomA.html topA-heightN-bottomA-ref.html
+== fromauto-topN-heightN-bottomA.html topN-heightN-bottomA-ref.html
+== fromauto-topA-heightN-bottomN.html topA-heightN-bottomN-ref.html
+== fromauto-topA-heightA-bottomN.html topA-heightA-bottomN-ref.html
diff --git a/layout/reftests/position-dynamic-changes/vertical/style.css b/layout/reftests/position-dynamic-changes/vertical/style.css
new file mode 100644
index 000000000..f546e6063
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/style.css
@@ -0,0 +1,19 @@
+#parent {
+ position: relative;
+ width: 400px;
+ height: 400px;
+ background: red;
+ border: 0 solid black;
+}
+#child {
+ position: absolute;
+ width: 100px;
+ left: 100px;
+ background: blue;
+ border: 0 solid black;
+}
+.floatTop {
+ width: 10px;
+ height: 10px;
+ background: green;
+}
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightA-bottomN-ref.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightA-bottomN-ref.html
new file mode 100644
index 000000000..77f3a35d6
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightA-bottomN-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightA-bottomN.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightA-bottomN.html
new file mode 100644
index 000000000..defcaaf36
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightA-bottomN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="bottom: 100px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ <script>
+ toAuto("bottom");
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomA-ref.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomA-ref.html
new file mode 100644
index 000000000..77f3a35d6
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomA-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomA.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomA.html
new file mode 100644
index 000000000..713103f62
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="height: 100px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ <script>
+ toAuto("height");
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomN-ref.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomN-ref.html
new file mode 100644
index 000000000..3ac9c1bbc
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomN-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="height: 100px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomN.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomN.html
new file mode 100644
index 000000000..6a7dfd263
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topA-heightN-bottomN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="height: 100px; bottom: 100px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ <script>
+ toAuto("bottom");
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomA-ref.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomA-ref.html
new file mode 100644
index 000000000..77f3a35d6
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomA-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomA.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomA.html
new file mode 100644
index 000000000..e590f8656
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="top: 100px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ <script>
+ toAuto("top");
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomN-ref.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomN-ref.html
new file mode 100644
index 000000000..dcd0e371d
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomN-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="bottom: 20px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomN.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomN.html
new file mode 100644
index 000000000..ad4e3e847
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightA-bottomN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="top: 100px; bottom: 20px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ <script>
+ toAuto("top");
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightN-bottomA-ref.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightN-bottomA-ref.html
new file mode 100644
index 000000000..3ac9c1bbc
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightN-bottomA-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="height: 100px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightN-bottomA.html b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightN-bottomA.html
new file mode 100644
index 000000000..56f16219e
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/toauto-topN-heightN-bottomA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="height: 100px; top: 100px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ <script>
+ toAuto("top");
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topA-heightA-bottomN-ref.html b/layout/reftests/position-dynamic-changes/vertical/topA-heightA-bottomN-ref.html
new file mode 100644
index 000000000..75f7f2015
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topA-heightA-bottomN-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="bottom: 200px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topA-heightA-bottomN.html b/layout/reftests/position-dynamic-changes/vertical/topA-heightA-bottomN.html
new file mode 100644
index 000000000..d7e854a88
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topA-heightA-bottomN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="bottom: 100px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ <script>
+ animate(100, 200, "bottom");
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomA-ref.html b/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomA-ref.html
new file mode 100644
index 000000000..1513ea8e6
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomA-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="height: 200px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomA.html b/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomA.html
new file mode 100644
index 000000000..38a506372
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="height: 100px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ <script>
+ animate(100, 200, "height");
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomN-ref.html b/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomN-ref.html
new file mode 100644
index 000000000..054f968bc
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomN-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="height: 100px; bottom: 200px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomN.html b/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomN.html
new file mode 100644
index 000000000..832d77a2a
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topA-heightN-bottomN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="height: 100px; bottom: 100px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ <script>
+ animate(100, 200, "bottom");
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomA-ref.html b/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomA-ref.html
new file mode 100644
index 000000000..bcec5c9d6
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomA-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="top: 200px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomA.html b/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomA.html
new file mode 100644
index 000000000..ca943c245
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="top: 100px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ <script>
+ animate(100, 200);
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomN-ref.html b/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomN-ref.html
new file mode 100644
index 000000000..13417a737
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomN-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="top: 200px; bottom: 20px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomN.html b/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomN.html
new file mode 100644
index 000000000..2200c4618
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topN-heightA-bottomN.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="top: 100px; bottom: 20px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ <script>
+ animate(100, 200);
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topN-heightN-bottomA-ref.html b/layout/reftests/position-dynamic-changes/vertical/topN-heightN-bottomA-ref.html
new file mode 100644
index 000000000..8e2ef7b2e
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topN-heightN-bottomA-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="height: 100px; top: 200px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/vertical/topN-heightN-bottomA.html b/layout/reftests/position-dynamic-changes/vertical/topN-heightN-bottomA.html
new file mode 100644
index 000000000..73ae72d58
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/vertical/topN-heightN-bottomA.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ <script src="../handleprop.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="parent">
+ <div id="child" style="height: 100px; top: 100px;">
+ <div class="floatTop"></div>
+ <div class="floatTop"></div>
+ </div>
+ </div>
+ <script>
+ animate(100, 200);
+ </script>
+ </body>
+</html>