summaryrefslogtreecommitdiffstats
path: root/layout/reftests/list-item
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/list-item')
-rw-r--r--layout/reftests/list-item/bullet-intrinsic-isize-1-ref.html10
-rw-r--r--layout/reftests/list-item/bullet-intrinsic-isize-1.html10
-rw-r--r--layout/reftests/list-item/bullet-intrinsic-isize-2-ref.html10
-rw-r--r--layout/reftests/list-item/bullet-intrinsic-isize-2.html17
-rw-r--r--layout/reftests/list-item/bullet-justify-1-ref.html11
-rw-r--r--layout/reftests/list-item/bullet-justify-1.html12
-rw-r--r--layout/reftests/list-item/bullet-space-1-ref.html74
-rw-r--r--layout/reftests/list-item/bullet-space-1.html74
-rw-r--r--layout/reftests/list-item/bullet-space-2-ref.html39
-rw-r--r--layout/reftests/list-item/bullet-space-2.html37
-rw-r--r--layout/reftests/list-item/image-rendering-css-auto.html28
-rw-r--r--layout/reftests/list-item/image-rendering-css.html28
-rw-r--r--layout/reftests/list-item/image-rendering-ref.html27
-rw-r--r--layout/reftests/list-item/image-rendering-script.html37
-rw-r--r--layout/reftests/list-item/numbering-1-ref.html25
-rw-r--r--layout/reftests/list-item/numbering-1.html29
-rw-r--r--layout/reftests/list-item/numbering-2-ref.html23
-rw-r--r--layout/reftests/list-item/numbering-2.html23
-rw-r--r--layout/reftests/list-item/numbering-3-ref.html52
-rw-r--r--layout/reftests/list-item/numbering-3.html49
-rw-r--r--layout/reftests/list-item/numbering-4-ref.html52
-rw-r--r--layout/reftests/list-item/numbering-4.html49
-rw-r--r--layout/reftests/list-item/numbering-5-ref.html24
-rw-r--r--layout/reftests/list-item/numbering-5.html29
-rw-r--r--layout/reftests/list-item/ol-reversed-1-ref.html6
-rw-r--r--layout/reftests/list-item/ol-reversed-1a.html6
-rw-r--r--layout/reftests/list-item/ol-reversed-1b.html11
-rw-r--r--layout/reftests/list-item/ol-reversed-1c.html12
-rw-r--r--layout/reftests/list-item/ol-reversed-2-ref.html6
-rw-r--r--layout/reftests/list-item/ol-reversed-2.html6
-rw-r--r--layout/reftests/list-item/ol-reversed-3-ref.html6
-rw-r--r--layout/reftests/list-item/ol-reversed-3.html6
-rw-r--r--layout/reftests/list-item/reftest.list18
33 files changed, 846 insertions, 0 deletions
diff --git a/layout/reftests/list-item/bullet-intrinsic-isize-1-ref.html b/layout/reftests/list-item/bullet-intrinsic-isize-1-ref.html
new file mode 100644
index 0000000000..d6d93307f9
--- /dev/null
+++ b/layout/reftests/list-item/bullet-intrinsic-isize-1-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>Bug 1142369</title>
+</head>
+<body>
+ <li style="list-style: inside;">blahblah and foobarboo</li>
+</body>
+</html>
diff --git a/layout/reftests/list-item/bullet-intrinsic-isize-1.html b/layout/reftests/list-item/bullet-intrinsic-isize-1.html
new file mode 100644
index 0000000000..ccfa6d9e40
--- /dev/null
+++ b/layout/reftests/list-item/bullet-intrinsic-isize-1.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>Bug 1142369</title>
+</head>
+<body>
+ <li style="width: max-content; list-style: inside;">blahblah and foobarboo</li>
+</body>
+</html>
diff --git a/layout/reftests/list-item/bullet-intrinsic-isize-2-ref.html b/layout/reftests/list-item/bullet-intrinsic-isize-2-ref.html
new file mode 100644
index 0000000000..b371dcbc67
--- /dev/null
+++ b/layout/reftests/list-item/bullet-intrinsic-isize-2-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>Bug 994418</title>
+</head>
+<body>
+ MMMCMXCIX. sometext
+</body>
+</html>
diff --git a/layout/reftests/list-item/bullet-intrinsic-isize-2.html b/layout/reftests/list-item/bullet-intrinsic-isize-2.html
new file mode 100644
index 0000000000..c59545dd29
--- /dev/null
+++ b/layout/reftests/list-item/bullet-intrinsic-isize-2.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>Bug 994418</title>
+ <style>
+ ol {
+ display: inline-block;
+ list-style: upper-roman inside;
+ padding: 0; margin: 0;
+ }
+ </style>
+</head>
+<body>
+ <ol start="3999"><li></ol>sometext
+</body>
+</html>
diff --git a/layout/reftests/list-item/bullet-justify-1-ref.html b/layout/reftests/list-item/bullet-justify-1-ref.html
new file mode 100644
index 0000000000..7512879a0d
--- /dev/null
+++ b/layout/reftests/list-item/bullet-justify-1-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+ li {
+ margin-left: 100px;
+ font-size: 100px;
+ }
+ span {
+ color: transparent;
+ }
+</style>
+<li><span>x x</span></li>
diff --git a/layout/reftests/list-item/bullet-justify-1.html b/layout/reftests/list-item/bullet-justify-1.html
new file mode 100644
index 0000000000..22cf2773b2
--- /dev/null
+++ b/layout/reftests/list-item/bullet-justify-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+ li {
+ margin-left: 100px;
+ font-size: 100px;
+ text-align-last: justify;
+ }
+ span {
+ color: transparent;
+ }
+</style>
+<li><span>x x</span></li>
diff --git a/layout/reftests/list-item/bullet-space-1-ref.html b/layout/reftests/list-item/bullet-space-1-ref.html
new file mode 100644
index 0000000000..e20884f086
--- /dev/null
+++ b/layout/reftests/list-item/bullet-space-1-ref.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <title>Bug 1017335</title>
+ <style>
+ body {
+ font-family:monospace;
+ font-size:24px;
+ }
+ .outer {
+ position:absolute;
+ top:0;
+ width:300px;
+ }
+ ul {
+ margin:0;
+ list-style-type:none;
+ }
+ span {
+ display:inline-block;
+ }
+ .L {
+ width:40px;
+ text-align:right;
+ white-space: pre;
+ }
+ .R {
+ width:40px;
+ text-align:left;
+ white-space: pre;
+ }
+ .bullet {
+ background:yellow;
+ }
+ ::marker { font-family:inherit; }
+ </style>
+</head>
+
+<body>
+
+<div class="outer">
+<div>
+ <ul>
+ <li>foo</li>
+ </ul>
+</div>
+
+<div dir="rtl">
+ <ul>
+ <li>bar</li>
+ </ul>
+</div>
+</div>
+
+<!-- The yellow background of the bullet spans here should completely cover the
+ bullets from the <ul> items above, even though the exact positioning of the
+ list item images may not match the plain-text version of the bullets.
+ Therefore, the testcase (with list-style-type:disc) and reference (none)
+ should match. -->
+<div class="outer">
+<div>
+ <span class="L"><span class="bullet">&#x2022;</span> </span>foo
+</div>
+
+<div dir="rtl">
+ <span class="R"><span class="bullet">&#x2022;</span> </span>bar
+</div>
+</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/list-item/bullet-space-1.html b/layout/reftests/list-item/bullet-space-1.html
new file mode 100644
index 0000000000..9bfc894578
--- /dev/null
+++ b/layout/reftests/list-item/bullet-space-1.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <title>Bug 1017335</title>
+ <style>
+ body {
+ font-family:monospace;
+ font-size:24px;
+ }
+ .outer {
+ position:absolute;
+ top:0;
+ width:300px;
+ }
+ ul {
+ margin:0;
+ list-style-type:disc;
+ }
+ span {
+ display:inline-block;
+ }
+ .L {
+ width:40px;
+ text-align:right;
+ white-space: pre;
+ }
+ .R {
+ width:40px;
+ text-align:left;
+ white-space: pre;
+ }
+ .bullet {
+ background:yellow;
+ }
+ ::marker { font-family:inherit; }
+ </style>
+</head>
+
+<body>
+
+<div class="outer">
+<div>
+ <ul>
+ <li>foo</li>
+ </ul>
+</div>
+
+<div dir="rtl">
+ <ul>
+ <li>bar</li>
+ </ul>
+</div>
+</div>
+
+<!-- The yellow background of the bullet spans here should completely cover the
+ bullets from the <ul> items above, even though the exact positioning of the
+ list item images may not match the plain-text version of the bullets.
+ Therefore, the testcase (with list-style-type:disc) and reference (none)
+ should match. -->
+<div class="outer">
+<div>
+ <span class="L"><span class="bullet">&#x2022;</span> </span>foo
+</div>
+
+<div dir="rtl">
+ <span class="R"><span class="bullet">&#x2022;</span> </span>bar
+</div>
+</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/list-item/bullet-space-2-ref.html b/layout/reftests/list-item/bullet-space-2-ref.html
new file mode 100644
index 0000000000..75c36b36db
--- /dev/null
+++ b/layout/reftests/list-item/bullet-space-2-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <title>Bug 1019470</title>
+ <style>
+ body {
+ font-family:monospace;
+ font-size:24px;
+ }
+ span {
+ display:inline-block;
+ }
+ .L {
+ width:40px;
+ text-align:right;
+ }
+ .R {
+ width:40px;
+ text-align:left;
+ }
+ .L,.R { white-space:pre; }
+ </style>
+</head>
+
+<body>
+
+<div>
+ <span class="L"><span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD///+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4Ug9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC"> </span></span>foo
+</div>
+
+<div dir="rtl">
+ <span class="R"><span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD///+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4Ug9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC"> </span></span>bar
+</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/list-item/bullet-space-2.html b/layout/reftests/list-item/bullet-space-2.html
new file mode 100644
index 0000000000..f32cfcd653
--- /dev/null
+++ b/layout/reftests/list-item/bullet-space-2.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <title>Bug 1019470</title>
+ <style>
+ body {
+ font-family:monospace;
+ font-size:24px;
+ }
+ ul {
+ margin:0;
+ list-style-type: none; /* to ensure we use the same font metrics as the reference for the trailing space */
+ list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD///+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4Ug9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC");
+ }
+ ::marker { font-family: inherit; }
+ </style>
+</head>
+
+<body>
+
+<div>
+ <ul>
+ <li>foo</li>
+ </ul>
+</div>
+
+<div dir="rtl">
+ <ul>
+ <li>bar</li>
+ </ul>
+</div>
+
+</body>
+
+</html>
diff --git a/layout/reftests/list-item/image-rendering-css-auto.html b/layout/reftests/list-item/image-rendering-css-auto.html
new file mode 100644
index 0000000000..845324ab69
--- /dev/null
+++ b/layout/reftests/list-item/image-rendering-css-auto.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<!--
+ Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/licenses/publicdomain/
+ -->
+<html reftest-zoom="2">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+ <title>test list-style-image image-rendering css auto</title>
+ <style type="text/css">
+ div {
+ display: list-item;
+ list-style-image: url(data:image/gif;base64,R0lGODlhHAAcAMQAAAAAAP///8DP/8bU/8zZ/9Le/9jj/97o/+Tt/Ory9vD48PX96vv/5P//wP//xv//zP//0v//2P//3v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABMALAAAAAAcABwAAAWNYCOOZGmeaKquYxSxcGMY8RoJwlujBk7vphsuByz1hr9iQzgkFiHHpkGXekQWCgOhyR0ODAiFhOoodM9oQcExKqffajbJDe+uT/Q67o7Kw/kpfmiAKkxpEjELdQoxCXUHMVFpBTEDXARmXDAOTQQMIgxbQ1QpQgMKciOhOJ8rC6epJq+MNrF9iEq5ug0hADs=);
+ height: 50px;
+ border: 1px solid black;
+ list-style-position: inside;
+
+ image-rendering: auto;
+ }
+ </style>
+ </head>
+
+ <body>
+ <div>
+ </div>
+ </body>
+
+</html>
diff --git a/layout/reftests/list-item/image-rendering-css.html b/layout/reftests/list-item/image-rendering-css.html
new file mode 100644
index 0000000000..8e693d8bac
--- /dev/null
+++ b/layout/reftests/list-item/image-rendering-css.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<!--
+ Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/licenses/publicdomain/
+ -->
+<html reftest-zoom="2">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+ <title>test list-style-image image-rendering css -moz-crisp-edges</title>
+ <style type="text/css">
+ div {
+ display: list-item;
+ list-style-image: url(data:image/gif;base64,R0lGODlhHAAcAMQAAAAAAP///8DP/8bU/8zZ/9Le/9jj/97o/+Tt/Ory9vD48PX96vv/5P//wP//xv//zP//0v//2P//3v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABMALAAAAAAcABwAAAWNYCOOZGmeaKquYxSxcGMY8RoJwlujBk7vphsuByz1hr9iQzgkFiHHpkGXekQWCgOhyR0ODAiFhOoodM9oQcExKqffajbJDe+uT/Q67o7Kw/kpfmiAKkxpEjELdQoxCXUHMVFpBTEDXARmXDAOTQQMIgxbQ1QpQgMKciOhOJ8rC6epJq+MNrF9iEq5ug0hADs=);
+ height: 50px;
+ border: 1px solid black;
+ list-style-position: inside;
+
+ image-rendering: -moz-crisp-edges;
+ }
+ </style>
+ </head>
+
+ <body>
+ <div>
+ </div>
+ </body>
+
+</html>
diff --git a/layout/reftests/list-item/image-rendering-ref.html b/layout/reftests/list-item/image-rendering-ref.html
new file mode 100644
index 0000000000..6d8a0ff209
--- /dev/null
+++ b/layout/reftests/list-item/image-rendering-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<!--
+ Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/licenses/publicdomain/
+ -->
+<html reftest-zoom="2">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+ <title>reference list-style-image image-rendering</title>
+ <style type="text/css">
+ div {
+ height: 50px;
+ border: 1px solid black;
+
+ image-rendering: -moz-crisp-edges;
+ }
+ </style>
+ </head>
+
+ <body>
+ <div>
+ <img src=" data:image/gif;base64,R0lGODlhHAAcAMQAAAAAAP///8DP/8bU/8zZ/9Le/9jj/97o/+Tt/Ory9vD48PX96vv/5P//wP//xv//zP//0v//2P//3v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABMALAAAAAAcABwAAAWNYCOOZGmeaKquYxSxcGMY8RoJwlujBk7vphsuByz1hr9iQzgkFiHHpkGXekQWCgOhyR0ODAiFhOoodM9oQcExKqffajbJDe+uT/Q67o7Kw/kpfmiAKkxpEjELdQoxCXUHMVFpBTEDXARmXDAOTQQMIgxbQ1QpQgMKciOhOJ8rC6epJq+MNrF9iEq5ug0hADs="
+ >
+ </div>
+ </body>
+
+</html>
diff --git a/layout/reftests/list-item/image-rendering-script.html b/layout/reftests/list-item/image-rendering-script.html
new file mode 100644
index 0000000000..fa7b4ddf7b
--- /dev/null
+++ b/layout/reftests/list-item/image-rendering-script.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<!--
+ Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/licenses/publicdomain/
+ -->
+<html reftest-zoom="2" class="reftest-wait">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+ <title>test list-style-image image-rendering script change</title>
+ <style type="text/css">
+ div {
+ display: list-item;
+ list-style-image: url(data:image/gif;base64,R0lGODlhHAAcAMQAAAAAAP///8DP/8bU/8zZ/9Le/9jj/97o/+Tt/Ory9vD48PX96vv/5P//wP//xv//zP//0v//2P//3v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABMALAAAAAAcABwAAAWNYCOOZGmeaKquYxSxcGMY8RoJwlujBk7vphsuByz1hr9iQzgkFiHHpkGXekQWCgOhyR0ODAiFhOoodM9oQcExKqffajbJDe+uT/Q67o7Kw/kpfmiAKkxpEjELdQoxCXUHMVFpBTEDXARmXDAOTQQMIgxbQ1QpQgMKciOhOJ8rC6epJq+MNrF9iEq5ug0hADs=);
+ height: 50px;
+ border: 1px solid black;
+ list-style-position: inside;
+
+ image-rendering: auto;
+ }
+ </style>
+ <script type="text/javascript">
+ document.addEventListener("MozReftestInvalidate", updateImageRendering);
+
+ function updateImageRendering() {
+ var div = document.getElementById("d1");
+ div.style.imageRendering = '-moz-crisp-edges';
+ document.documentElement.removeAttribute("class");
+ }
+ </script>
+ </head>
+
+ <body>
+ <div id="d1">
+ </div>
+ </body>
+
+</html>
diff --git a/layout/reftests/list-item/numbering-1-ref.html b/layout/reftests/list-item/numbering-1-ref.html
new file mode 100644
index 0000000000..d0455de377
--- /dev/null
+++ b/layout/reftests/list-item/numbering-1-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html><head>
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+ <title>Testcase #1 for bug 614969</title>
+</head>
+<body>
+
+<ol style="list-style: decimal inside">
+ <li>List item 1</li>
+ <li>List item 2</li>
+ <li>List item 3</li>
+ <li>List item 4</li>
+ <li>List item 5</li>
+ <li>List item 6</li>
+ <div><li>List item 7</li></div>
+</ol>
+
+<ol style="list-style: decimal inside;">
+ <div style="column-width:1em;"><li></li><div>item1</div></div>
+ <div style="column-width:1em;"><li></li><div>item2</div></div>
+ <div style="column-width:1em;"><li></li><div>item3</div></div>
+</ol>
+
+</body>
+</html>
diff --git a/layout/reftests/list-item/numbering-1.html b/layout/reftests/list-item/numbering-1.html
new file mode 100644
index 0000000000..74d02d36b9
--- /dev/null
+++ b/layout/reftests/list-item/numbering-1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html><head>
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+ <title>Testcase #1 for bug 614969</title>
+ <style>
+ .col {column-width:1em}
+ .col::marker {white-space:initial}
+ </style>
+</head>
+<body>
+
+<ol style="list-style: decimal inside">
+ <li style="overflow: hidden">List item 1</li>
+ <li style="overflow: hidden">List item 2</li>
+ <li>List item 3</li>
+ <li style="overflow: hidden">List item 4</li>
+ <li style="overflow: hidden">List item 5</li>
+ <li>List item 6</li>
+ <div style="overflow: hidden"><li>List item 7</li></div>
+</ol>
+
+<ol style="list-style: decimal inside;">
+ <li class="col">item1</li>
+ <li class="col">item2</li>
+ <li class="col">item3</li>
+</ol>
+
+</body>
+</html>
diff --git a/layout/reftests/list-item/numbering-2-ref.html b/layout/reftests/list-item/numbering-2-ref.html
new file mode 100644
index 0000000000..b696440371
--- /dev/null
+++ b/layout/reftests/list-item/numbering-2-ref.html
@@ -0,0 +1,23 @@
+<html><head>
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+ <title>Testcase #2 for bug 614969</title>
+<style>
+html,body {
+ color:black; background-color:white; font-size:12px; padding:0; margin:0;
+}
+
+li {margin-left:0; padding-left:0px; width:200px; }
+ol {margin-left:0; padding-left:40px; }
+</style>
+</head>
+<body>
+
+<div style="position:absolute;left:0;top:0"><ol style="list-style: decimal inside"><li style="height:0;">ABS</li><li style="padding-top:1em">List item</li></ol></div>
+<div style="position:absolute;left:0;top:3em"><div style="position:relative"><ol style="list-style: decimal inside"><li>REL BLOCK</li><li style="padding-top:1em">List item</li></ol></div></div>
+<div style="position:absolute;left:0;top:7em"><div style="float:left"><ol style="list-style: decimal inside"><li style="height:2em;">FLOAT</li><li style="">List item</li></ol></div></div>
+<div style="position:absolute;left:0;top:10em"><ol style="list-style: decimal inside"><li>REL INLINE</li><li style="padding-top:1em">List item</li></ol></div>
+<div style="position:absolute;left:0;top:14em"><ol style="list-style: decimal inside"><ol><li>REL OL</li></ol><li style="padding-top:1em">List item</li></ol></div>
+<div style="position:absolute;left:0;top:20em"><ol id=x style="list-style: decimal inside"><ol style="height:0"><li style="margin-left:-40px;">ABS OL</li></ol><li style="padding-top:2em">List item</li></ol></div>
+
+</body>
+</html>
diff --git a/layout/reftests/list-item/numbering-2.html b/layout/reftests/list-item/numbering-2.html
new file mode 100644
index 0000000000..02865411bf
--- /dev/null
+++ b/layout/reftests/list-item/numbering-2.html
@@ -0,0 +1,23 @@
+<html><head>
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+ <title>Testcase #2 for bug 614969</title>
+<style>
+html,body {
+ color:black; background-color:white; font-size:12px; padding:0; margin:0;
+}
+
+li {margin-left:0; padding-left:0px; width:200px; }
+ol {margin-left:0; padding-left:40px; }
+</style>
+</head>
+<body>
+
+<div style="position:absolute;left:0;top:0"><ol style="list-style: decimal inside"><div style="position:absolute"><li>ABS</li></div><li style="padding-top:1em">List item</li></ol></div>
+<div style="position:absolute;left:0;top:3em"><ol style="list-style: decimal inside"><div style="position:relative"><li>REL BLOCK</li></div><li style="padding-top:1em">List item</li></ol></div>
+<div style="position:absolute;left:0;top:7em"><ol style="list-style: decimal inside"><div style="float:left;height:2em"><li>FLOAT</li></div><li style="padding-top:1em">List item</li></ol></div>
+<div style="position:absolute;left:0;top:10em"><ol style="list-style: decimal inside"><span style="position:relative"><li>REL INLINE</li></span><li style="padding-top:1em">List item</li></ol></div>
+<div style="position:absolute;left:0;top:14em"><ol style="list-style: decimal inside"><ol style="position:relative"><li>REL OL</li></ol><li style="padding-top:1em">List item</li></ol></div>
+<div style="position:absolute;left:0;top:20em"><ol id="x" style="list-style: decimal inside"><ol id="y" style="position:absolute;left:0;right:0"><li>ABS OL</li></ol><li style="padding-top:2em">List item</li></ol></div>
+
+</body>
+</html>
diff --git a/layout/reftests/list-item/numbering-3-ref.html b/layout/reftests/list-item/numbering-3-ref.html
new file mode 100644
index 0000000000..471aa2719a
--- /dev/null
+++ b/layout/reftests/list-item/numbering-3-ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML>
+<html><head>
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+ <title>Reference for testcase #1 for bug 1171419</title>
+<style>
+l { display:block; list-style: decimal inside; }
+</style>
+</head>
+<body>
+
+<ol style="display:grid; list-style-type:none">
+ <l start="1"><li style="overflow: hidden">List item 1</li></l>
+ <l start="2"><li style="overflow: hidden">List item 2</li></l>
+ <l start="3"><li>List item 3</li></l>
+ <l start="4"><li style="overflow: hidden">List item 4</li></l>
+ <l start="5"><li style="overflow: hidden">List item 5</li></l>
+ <l start="6"><li>List item 6</li></l>
+ <l start="7"><li>List item 7</li></l>
+</ol>
+
+<ol style="display:grid; list-style-type:none">
+<div>
+ <l start="1"><li style="overflow: hidden">List item 1</li></l>
+ <l start="2"><li style="overflow: hidden">List item 2</li></l>
+ <l start="3"><li>List item 3</li></l>
+</div>
+</ol>
+
+<ol style="display:grid; list-style-type:none">
+<div style="display:grid">
+ <l start="1"><li style="overflow: hidden">List item 1</li></l>
+ <l start="2"><li style="overflow: hidden">List item 2</li></l>
+ <l start="3"><li>List item 3</li></l>
+</div>
+</ol>
+
+<ol style="display:inline-grid; list-style-type:none">
+<div style="display:grid">
+ <l start="1"><li style="overflow: hidden">List item 1</li></l>
+ <l start="2"><li style="overflow: hidden">List item 2</li></l>
+ <l start="3"><li>List item 3</li></l>
+</div>
+</ol>
+
+<ol style="display:grid; list-style-type:none">
+ <l start="1"><li style="column-width:1em;">item1</li></l>
+ <l start="2"><li style="column-width:1em;">item2</li></l>
+ <l start="3"><li style="column-width:1em;">item3</li></l>
+</ol>
+
+</body>
+</html>
diff --git a/layout/reftests/list-item/numbering-3.html b/layout/reftests/list-item/numbering-3.html
new file mode 100644
index 0000000000..ded2233a22
--- /dev/null
+++ b/layout/reftests/list-item/numbering-3.html
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<html><head>
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+ <title>Testcase #1 for bug 1171419</title>
+</head>
+<body>
+
+<ol style="list-style: decimal inside; display:grid">
+ <li style="overflow: hidden">List item 1</li>
+ <li style="overflow: hidden">List item 2</li>
+ <li>List item 3</li>
+ <li style="overflow: hidden">List item 4</li>
+ <li style="overflow: hidden">List item 5</li>
+ <li>List item 6</li>
+ <div style="overflow: hidden"><li>List item 7</li></div>
+</ol>
+
+<ol style="list-style: decimal inside; display:grid">
+<div>
+ <li style="overflow: hidden">List item 1</li>
+ <li style="overflow: hidden">List item 2</li>
+ <li>List item 3</li>
+</div>
+</ol>
+
+<ol style="list-style: decimal inside; display:grid">
+<div style="display:grid">
+ <li style="overflow: hidden">List item 1</li>
+ <li style="overflow: hidden">List item 2</li>
+ <li>List item 3</li>
+</div>
+</ol>
+
+<ol style="list-style: decimal inside; display:inline-grid">
+<div style="display:grid">
+ <li style="overflow: hidden">List item 1</li>
+ <li style="overflow: hidden">List item 2</li>
+ <li>List item 3</li>
+</div>
+</ol>
+
+<ol style="list-style: decimal inside; display:grid">
+ <li style="column-width:1em;">item1</li>
+ <li style="column-width:1em;">item2</li>
+ <li style="column-width:1em;">item3</li>
+</ol>
+
+</body>
+</html>
diff --git a/layout/reftests/list-item/numbering-4-ref.html b/layout/reftests/list-item/numbering-4-ref.html
new file mode 100644
index 0000000000..4fcb6e194f
--- /dev/null
+++ b/layout/reftests/list-item/numbering-4-ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML>
+<html><head>
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+ <title>Reference for testcase #2 for bug 1171419</title>
+<style>
+l { display:block; list-style: decimal inside; }
+</style>
+</head>
+<body>
+
+<ol style="display:flex; list-style-type:none">
+ <l start="1"><li style="overflow: hidden">List item 1</li></l>
+ <l start="2"><li style="overflow: hidden">List item 2</li></l>
+ <l start="3"><li>List item 3</li></l>
+ <l start="4"><li style="overflow: hidden">List item 4</li></l>
+ <l start="5"><li style="overflow: hidden">List item 5</li></l>
+ <l start="6"><li>List item 6</li></l>
+ <l start="7"><li>List item 7</li></l>
+</ol>
+
+<ol style="display:flex; list-style-type:none">
+<div>
+ <l start="1"><li style="overflow: hidden">List item 1</li></l>
+ <l start="2"><li style="overflow: hidden">List item 2</li></l>
+ <l start="3"><li>List item 3</li></l>
+</div>
+</ol>
+
+<ol style="display:flex; list-style-type:none">
+<div style="display:flex">
+ <l start="1"><li style="overflow: hidden">List item 1</li></l>
+ <l start="2"><li style="overflow: hidden">List item 2</li></l>
+ <l start="3"><li>List item 3</li></l>
+</div>
+</ol>
+
+<ol style="display:inline-flex; list-style-type:none">
+<div style="display:flex">
+ <l start="1"><li style="overflow: hidden">List item 1</li></l>
+ <l start="2"><li style="overflow: hidden">List item 2</li></l>
+ <l start="3"><li>List item 3</li></l>
+</div>
+</ol>
+
+<ol style="display:flex; list-style-type:none">
+ <l start="1"><li style="column-width:1em;">item1</li></l>
+ <l start="2"><li style="column-width:1em;">item2</li></l>
+ <l start="3"><li style="column-width:1em;">item3</li></l>
+</ol>
+
+</body>
+</html>
diff --git a/layout/reftests/list-item/numbering-4.html b/layout/reftests/list-item/numbering-4.html
new file mode 100644
index 0000000000..9b00795994
--- /dev/null
+++ b/layout/reftests/list-item/numbering-4.html
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<html><head>
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+ <title>Testcase #2 for bug 1171419</title>
+</head>
+<body>
+
+<ol style="list-style: decimal inside; display:flex">
+ <li style="overflow: hidden">List item 1</li>
+ <li style="overflow: hidden">List item 2</li>
+ <li>List item 3</li>
+ <li style="overflow: hidden">List item 4</li>
+ <li style="overflow: hidden">List item 5</li>
+ <li>List item 6</li>
+ <div style="overflow: hidden"><li>List item 7</li></div>
+</ol>
+
+<ol style="list-style: decimal inside; display:flex">
+<div>
+ <li style="overflow: hidden">List item 1</li>
+ <li style="overflow: hidden">List item 2</li>
+ <li>List item 3</li>
+</div>
+</ol>
+
+<ol style="list-style: decimal inside; display:flex">
+<div style="display:flex">
+ <li style="overflow: hidden">List item 1</li>
+ <li style="overflow: hidden">List item 2</li>
+ <li>List item 3</li>
+</div>
+</ol>
+
+<ol style="list-style: decimal inside; display:inline-flex">
+<div style="display:flex">
+ <li style="overflow: hidden">List item 1</li>
+ <li style="overflow: hidden">List item 2</li>
+ <li>List item 3</li>
+</div>
+</ol>
+
+<ol style="list-style: decimal inside; display:flex">
+ <li style="column-width:1em;">item1</li>
+ <li style="column-width:1em;">item2</li>
+ <li style="column-width:1em;">item3</li>
+</ol>
+
+</body>
+</html>
diff --git a/layout/reftests/list-item/numbering-5-ref.html b/layout/reftests/list-item/numbering-5-ref.html
new file mode 100644
index 0000000000..74f5c37d67
--- /dev/null
+++ b/layout/reftests/list-item/numbering-5-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+ <title>Reference for reordered 'li' flex items</title>
+ <style>
+ .container {
+ display: flex;
+ flex-direction: column;
+ }
+ </style>
+</head>
+<body>
+ <ol class="container">
+ <div>4. List item 4</div>
+ <div>2. List item 2</div>
+ <div>3. List item 3</div>
+ <div>5. List item 5</div>
+ <div>6. List item 6</div>
+ <div>8. List item 8</div>
+ <div>1. List item 1</div>
+ <div>7. List item 7</div>
+ </ol>
+</body>
+</html>
diff --git a/layout/reftests/list-item/numbering-5.html b/layout/reftests/list-item/numbering-5.html
new file mode 100644
index 0000000000..20c9f7e7a0
--- /dev/null
+++ b/layout/reftests/list-item/numbering-5.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+ <title>Testcase for reordered 'li' flex items</title>
+ <style>
+ .container {
+ list-style: decimal inside;
+ display: flex;
+ flex-direction: column;
+ }
+ </style>
+</head>
+<body>
+ <ol class="container">
+ <!-- Should be reordered to nearly the end: -->
+ <li style="order: 3">List item 1</li>
+ <li>List item 2</li>
+ <li>List item 3</li>
+ <!-- Should be reordered to the start: -->
+ <li style="order: -2">List item 4</li>
+ <li>List item 5</li>
+ <!-- order has no effect here, since it's not set on the flex item: -->
+ <div><li style="order: -3">List item 6</li></div>
+ <!-- Should be reordered to the end: -->
+ <div style="order: 5"><li>List item 7</li></div>
+ <div><li>List item 8</li></div>
+ </ol>
+</body>
+</html>
diff --git a/layout/reftests/list-item/ol-reversed-1-ref.html b/layout/reftests/list-item/ol-reversed-1-ref.html
new file mode 100644
index 0000000000..f8cac3c702
--- /dev/null
+++ b/layout/reftests/list-item/ol-reversed-1-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<ol>
+ <li value="3">Three</li>
+ <li value="2">Two</li>
+ <li value="1">One</li>
+</ol>
diff --git a/layout/reftests/list-item/ol-reversed-1a.html b/layout/reftests/list-item/ol-reversed-1a.html
new file mode 100644
index 0000000000..35e967c05e
--- /dev/null
+++ b/layout/reftests/list-item/ol-reversed-1a.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<ol reversed>
+ <li>Three</li>
+ <li>Two</li>
+ <li>One</li>
+</ol>
diff --git a/layout/reftests/list-item/ol-reversed-1b.html b/layout/reftests/list-item/ol-reversed-1b.html
new file mode 100644
index 0000000000..d9810560eb
--- /dev/null
+++ b/layout/reftests/list-item/ol-reversed-1b.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<ol id="x">
+ <li>Three</li>
+ <li>Two</li>
+ <li>One</li>
+</ol>
+<script>
+ var l = document.getElementById("x");
+ var w = l.offsetWidth;
+ l.setAttribute("reversed", "");
+</script>
diff --git a/layout/reftests/list-item/ol-reversed-1c.html b/layout/reftests/list-item/ol-reversed-1c.html
new file mode 100644
index 0000000000..82ae844335
--- /dev/null
+++ b/layout/reftests/list-item/ol-reversed-1c.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<ol id="x" reversed>
+ <li>Three</li>
+ <li>Two</li>
+</ol>
+<script>
+ var l = document.getElementById("x");
+ var w = l.offsetWidth;
+ var li = document.createElement("li");
+ li.textContent = "One"
+ l.appendChild(li);
+</script>
diff --git a/layout/reftests/list-item/ol-reversed-2-ref.html b/layout/reftests/list-item/ol-reversed-2-ref.html
new file mode 100644
index 0000000000..4f3ece2be4
--- /dev/null
+++ b/layout/reftests/list-item/ol-reversed-2-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<ol>
+ <li value="5">Five</li>
+ <li value="4">Four</li>
+ <li value="3">Three</li>
+</ol>
diff --git a/layout/reftests/list-item/ol-reversed-2.html b/layout/reftests/list-item/ol-reversed-2.html
new file mode 100644
index 0000000000..662a149573
--- /dev/null
+++ b/layout/reftests/list-item/ol-reversed-2.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<ol reversed start="5">
+ <li>Five</li>
+ <li>Four</li>
+ <li>Three</li>
+</ol>
diff --git a/layout/reftests/list-item/ol-reversed-3-ref.html b/layout/reftests/list-item/ol-reversed-3-ref.html
new file mode 100644
index 0000000000..1dc5792100
--- /dev/null
+++ b/layout/reftests/list-item/ol-reversed-3-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<ol>
+ <li value="1">One</li>
+ <li value="0">Zero</li>
+ <li value="-1">Neg-One</li>
+</ol>
diff --git a/layout/reftests/list-item/ol-reversed-3.html b/layout/reftests/list-item/ol-reversed-3.html
new file mode 100644
index 0000000000..9132e5db52
--- /dev/null
+++ b/layout/reftests/list-item/ol-reversed-3.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<ol reversed start="1">
+ <li>One</li>
+ <li>Zero</li>
+ <li>Neg-One</li>
+</ol>
diff --git a/layout/reftests/list-item/reftest.list b/layout/reftests/list-item/reftest.list
new file mode 100644
index 0000000000..36ab01f78b
--- /dev/null
+++ b/layout/reftests/list-item/reftest.list
@@ -0,0 +1,18 @@
+fuzzy-if(OSX,0-55,0-4) == numbering-1.html numbering-1-ref.html
+== numbering-2.html numbering-2-ref.html
+fuzzy-if(OSX,0-11,0-1) == numbering-3.html numbering-3-ref.html
+fuzzy-if(OSX,0-76,0-2) == numbering-4.html numbering-4-ref.html
+== numbering-5.html numbering-5-ref.html
+== ol-reversed-1a.html ol-reversed-1-ref.html
+== ol-reversed-1b.html ol-reversed-1-ref.html
+== ol-reversed-1c.html ol-reversed-1-ref.html
+== ol-reversed-2.html ol-reversed-2-ref.html
+== ol-reversed-3.html ol-reversed-3-ref.html
+== bullet-space-1.html bullet-space-1-ref.html
+== bullet-space-2.html bullet-space-2-ref.html
+== bullet-intrinsic-isize-1.html bullet-intrinsic-isize-1-ref.html
+== bullet-intrinsic-isize-2.html bullet-intrinsic-isize-2-ref.html
+== bullet-justify-1.html bullet-justify-1-ref.html
+== image-rendering-css.html image-rendering-ref.html
+fails-if(useDrawSnapshot) == image-rendering-script.html image-rendering-ref.html
+!= image-rendering-css.html image-rendering-css-auto.html