summaryrefslogtreecommitdiffstats
path: root/layout/reftests/list-item
diff options
context:
space:
mode:
authorMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
committerMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
commit5f8de423f190bbb79a62f804151bc24824fa32d8 (patch)
tree10027f336435511475e392454359edea8e25895d /layout/reftests/list-item
parent49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff)
downloadUXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip
Add m-esr52 at 52.6.0
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-space-1-ref.html75
-rw-r--r--layout/reftests/list-item/bullet-space-1.html75
-rw-r--r--layout/reftests/list-item/bullet-space-2-ref.html41
-rw-r--r--layout/reftests/list-item/bullet-space-2.html35
-rw-r--r--layout/reftests/list-item/numbering-1-ref.html25
-rw-r--r--layout/reftests/list-item/numbering-1.html25
-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/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-stylo.list13
-rw-r--r--layout/reftests/list-item/reftest.list13
26 files changed, 656 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 000000000..d6d93307f
--- /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 000000000..92d92b3d3
--- /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: -moz-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 000000000..b371dcbc6
--- /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 000000000..c59545dd2
--- /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-space-1-ref.html b/layout/reftests/list-item/bullet-space-1-ref.html
new file mode 100644
index 000000000..f62ad5e1f
--- /dev/null
+++ b/layout/reftests/list-item/bullet-space-1-ref.html
@@ -0,0 +1,75 @@
+<!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;
+ }
+ .R {
+ width:40px;
+ text-align:left;
+ }
+ .bullet {
+ background:yellow;
+ padding:0 2px;
+ }
+ .spacer {
+ width:calc(0.5em - 2px);
+ }
+ </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 class="spacer"></span></span>foo
+</div>
+
+<div dir="rtl">
+ <span class="R"><span class="bullet">&#x2022;</span><span class="spacer"></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 000000000..02cdfd218
--- /dev/null
+++ b/layout/reftests/list-item/bullet-space-1.html
@@ -0,0 +1,75 @@
+<!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;
+ }
+ .R {
+ width:40px;
+ text-align:left;
+ }
+ .bullet {
+ background:yellow;
+ padding:0 2px;
+ }
+ .spacer {
+ width:calc(0.5em - 2px);
+ }
+ </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 class="spacer"></span></span>foo
+</div>
+
+<div dir="rtl">
+ <span class="R"><span class="bullet">&#x2022;</span><span class="spacer"></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 000000000..8678ff409
--- /dev/null
+++ b/layout/reftests/list-item/bullet-space-2-ref.html
@@ -0,0 +1,41 @@
+<!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;
+ }
+ .spacer {
+ width:0.5em;
+ }
+ </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 class="spacer"></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 class="spacer"></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 000000000..704a178a3
--- /dev/null
+++ b/layout/reftests/list-item/bullet-space-2.html
@@ -0,0 +1,35 @@
+<!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-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD///+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4Ug9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC");
+ }
+ </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/numbering-1-ref.html b/layout/reftests/list-item/numbering-1-ref.html
new file mode 100644
index 000000000..6c1ab82a5
--- /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="-moz-column-width:1em; column-width:1em;"><li></li><div>item1</div></div>
+ <div style="-moz-column-width:1em; column-width:1em;"><li></li><div>item2</div></div>
+ <div style="-moz-column-width:1em; 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 000000000..37f90d9c9
--- /dev/null
+++ b/layout/reftests/list-item/numbering-1.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 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 style="-moz-column-width:1em; column-width:1em;">item1</li>
+ <li style="-moz-column-width:1em; column-width:1em;">item2</li>
+ <li style="-moz-column-width:1em; column-width:1em;">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 000000000..b69644037
--- /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 000000000..02865411b
--- /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 000000000..4a2ee01d6
--- /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="-moz-column-width:1em; column-width:1em;">item1</li></l>
+ <l start="2"><li style="-moz-column-width:1em; column-width:1em;">item2</li></l>
+ <l start="3"><li style="-moz-column-width:1em; 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 000000000..9bb229927
--- /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="-moz-column-width:1em; column-width:1em;">item1</li>
+ <li style="-moz-column-width:1em; column-width:1em;">item2</li>
+ <li style="-moz-column-width:1em; 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 000000000..2a2a981a0
--- /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="-moz-column-width:1em; column-width:1em;">item1</li></l>
+ <l start="2"><li style="-moz-column-width:1em; column-width:1em;">item2</li></l>
+ <l start="3"><li style="-moz-column-width:1em; 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 000000000..e254c831a
--- /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="-moz-column-width:1em; column-width:1em;">item1</li>
+ <li style="-moz-column-width:1em; column-width:1em;">item2</li>
+ <li style="-moz-column-width:1em; column-width:1em;">item3</li>
+</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 000000000..f8cac3c70
--- /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 000000000..35e967c05
--- /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 000000000..d9810560e
--- /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 000000000..82ae84433
--- /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 000000000..4f3ece2be
--- /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 000000000..662a14957
--- /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 000000000..1dc579210
--- /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 000000000..9132e5db5
--- /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-stylo.list b/layout/reftests/list-item/reftest-stylo.list
new file mode 100644
index 000000000..50fc2907a
--- /dev/null
+++ b/layout/reftests/list-item/reftest-stylo.list
@@ -0,0 +1,13 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+fuzzy-if(OSX>=1008,55,4) == numbering-1.html numbering-1.html
+== numbering-2.html numbering-2.html
+== ol-reversed-1a.html ol-reversed-1a.html
+asserts(1) == ol-reversed-1b.html ol-reversed-1b.html
+# bug 478135
+== ol-reversed-1c.html ol-reversed-1c.html
+== ol-reversed-2.html ol-reversed-2.html
+== ol-reversed-3.html ol-reversed-3.html
+== bullet-space-1.html bullet-space-1.html
+== bullet-space-2.html bullet-space-2.html
+== bullet-intrinsic-isize-1.html bullet-intrinsic-isize-1.html
+== bullet-intrinsic-isize-2.html bullet-intrinsic-isize-2.html
diff --git a/layout/reftests/list-item/reftest.list b/layout/reftests/list-item/reftest.list
new file mode 100644
index 000000000..c47473d0b
--- /dev/null
+++ b/layout/reftests/list-item/reftest.list
@@ -0,0 +1,13 @@
+fuzzy-if(OSX>=1008,55,4) == numbering-1.html numbering-1-ref.html
+== numbering-2.html numbering-2-ref.html
+pref(layout.css.grid.enabled,true) fuzzy-if(OSX>=1008,8,1) == numbering-3.html numbering-3-ref.html
+fuzzy-if(OSX>=1008,72,2) == numbering-4.html numbering-4-ref.html
+== ol-reversed-1a.html ol-reversed-1-ref.html
+asserts(1) == ol-reversed-1b.html ol-reversed-1-ref.html # bug 478135
+== 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