summaryrefslogtreecommitdiffstats
path: root/layout/xul/grid/reftests
diff options
context:
space:
mode:
Diffstat (limited to 'layout/xul/grid/reftests')
-rw-r--r--layout/xul/grid/reftests/column-sizing-1-ref.xul13
-rw-r--r--layout/xul/grid/reftests/column-sizing-1.xul15
-rw-r--r--layout/xul/grid/reftests/not-full-basic-ref.xhtml27
-rw-r--r--layout/xul/grid/reftests/not-full-basic.xul45
-rw-r--r--layout/xul/grid/reftests/not-full-grid-pack-align.xul46
-rw-r--r--layout/xul/grid/reftests/not-full-row-group-align-ref.xhtml27
-rw-r--r--layout/xul/grid/reftests/not-full-row-group-align.xul46
-rw-r--r--layout/xul/grid/reftests/not-full-row-group-direction-ref.xhtml27
-rw-r--r--layout/xul/grid/reftests/not-full-row-group-direction.xul46
-rw-r--r--layout/xul/grid/reftests/not-full-row-group-pack-ref.xhtml31
-rw-r--r--layout/xul/grid/reftests/not-full-row-group-pack.xul46
-rw-r--r--layout/xul/grid/reftests/not-full-row-leaf-align.xul46
-rw-r--r--layout/xul/grid/reftests/not-full-row-leaf-direction.xul46
-rw-r--r--layout/xul/grid/reftests/not-full-row-leaf-pack-ref.xhtml27
-rw-r--r--layout/xul/grid/reftests/not-full-row-leaf-pack.xul46
-rw-r--r--layout/xul/grid/reftests/reftest-stylo.list38
-rw-r--r--layout/xul/grid/reftests/reftest.list18
-rw-r--r--layout/xul/grid/reftests/row-or-column-sizing-1.xul21
-rw-r--r--layout/xul/grid/reftests/row-or-column-sizing-2.xul21
-rw-r--r--layout/xul/grid/reftests/row-or-column-sizing-3.xul27
-rw-r--r--layout/xul/grid/reftests/row-or-column-sizing-4.xul27
-rw-r--r--layout/xul/grid/reftests/row-sizing-1-ref.xul14
-rw-r--r--layout/xul/grid/reftests/row-sizing-1.xul16
-rw-r--r--layout/xul/grid/reftests/scrollable-columns-ref.xhtml25
-rw-r--r--layout/xul/grid/reftests/scrollable-columns.xul49
-rw-r--r--layout/xul/grid/reftests/scrollable-rows-ref.xhtml25
-rw-r--r--layout/xul/grid/reftests/scrollable-rows.xul49
-rw-r--r--layout/xul/grid/reftests/sizing-2d-ref.xul12
-rw-r--r--layout/xul/grid/reftests/sizing-2d.xul26
-rw-r--r--layout/xul/grid/reftests/z-order-1-ref.xul30
-rw-r--r--layout/xul/grid/reftests/z-order-1.xul47
-rw-r--r--layout/xul/grid/reftests/z-order-2-ref.xul30
-rw-r--r--layout/xul/grid/reftests/z-order-2.xul47
33 files changed, 1056 insertions, 0 deletions
diff --git a/layout/xul/grid/reftests/column-sizing-1-ref.xul b/layout/xul/grid/reftests/column-sizing-1-ref.xul
new file mode 100644
index 000000000..df0113083
--- /dev/null
+++ b/layout/xul/grid/reftests/column-sizing-1-ref.xul
@@ -0,0 +1,13 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ title="XUL Grid Test">
+ <hbox>
+ <vbox style="background:aqua">
+ <label value="Left" />
+ </vbox>
+ <vbox style="background:yellow">
+ <textbox value="Right" />
+ </vbox>
+ </hbox>
+</window>
diff --git a/layout/xul/grid/reftests/column-sizing-1.xul b/layout/xul/grid/reftests/column-sizing-1.xul
new file mode 100644
index 000000000..2a94569ba
--- /dev/null
+++ b/layout/xul/grid/reftests/column-sizing-1.xul
@@ -0,0 +1,15 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ title="XUL Grid Test">
+ <grid>
+ <columns>
+ <column style="background:aqua">
+ <label value="Left" />
+ </column>
+ <column style="background:yellow">
+ <textbox value="Right" />
+ </column>
+ </columns>
+ </grid>
+</window>
diff --git a/layout/xul/grid/reftests/not-full-basic-ref.xhtml b/layout/xul/grid/reftests/not-full-basic-ref.xhtml
new file mode 100644
index 000000000..cd233585a
--- /dev/null
+++ b/layout/xul/grid/reftests/not-full-basic-ref.xhtml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>XUL Grid Test</title>
+ <style type="text/css">
+ html { background: black; }
+ html, body { margin: 0; padding: 0; height: 100%; }
+ div { position: absolute; }
+ </style>
+</head>
+<body>
+
+<div style="background: rgb(0, 102, 153);
+ top: 0px; height: 200px; left: 0px; width: 200px;" />
+<div style="background: rgb(0, 255, 0);
+ top: 200px; bottom: 0px; left: 0px; width: 100px;" />
+<div style="background: rgb(0, 255, 0);
+ top: 200px; height: 100px; left: 100px; width: 100px;" />
+<div style="background: rgb(0, 0, 153);
+ top: 0px; height: 100px; left: 200px; right: 0px;" />
+<div style="background: rgb(0, 0, 153);
+ top: 100px; height: 100px; left: 200px; width: 100px;" />
+
+</body>
+</html>
diff --git a/layout/xul/grid/reftests/not-full-basic.xul b/layout/xul/grid/reftests/not-full-basic.xul
new file mode 100644
index 000000000..5c7fa9123
--- /dev/null
+++ b/layout/xul/grid/reftests/not-full-basic.xul
@@ -0,0 +1,45 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ title="XUL Grid Test">
+ <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+ window { background: black; }
+ hbox { height: 100px; width: 100px; }
+ ]]></style>
+ <grid flex="1">
+ <columns>
+ <column style="background: rgb(0, 255, 0)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ <column>
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ </column>
+ <column>
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ </columns>
+ <rows>
+ <row style="background: rgba(0, 0, 255, 0.6)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ <row>
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ </row>
+ <row>
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ </rows>
+ </grid>
+</window>
diff --git a/layout/xul/grid/reftests/not-full-grid-pack-align.xul b/layout/xul/grid/reftests/not-full-grid-pack-align.xul
new file mode 100644
index 000000000..3fe6a95cb
--- /dev/null
+++ b/layout/xul/grid/reftests/not-full-grid-pack-align.xul
@@ -0,0 +1,46 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ title="XUL Grid Test">
+ <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+ window { background: black; }
+ hbox { height: 100px; width: 100px; }
+ ]]></style>
+ <!-- align and pack should be no-ops on grid element (not on columns/rows) -->
+ <grid flex="1" align="start" pack="end">
+ <columns>
+ <column style="background: rgb(0, 255, 0)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ <column>
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ </column>
+ <column>
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ </columns>
+ <rows>
+ <row style="background: rgba(0, 0, 255, 0.6)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ <row>
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ </row>
+ <row>
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ </rows>
+ </grid>
+</window>
diff --git a/layout/xul/grid/reftests/not-full-row-group-align-ref.xhtml b/layout/xul/grid/reftests/not-full-row-group-align-ref.xhtml
new file mode 100644
index 000000000..abef67f87
--- /dev/null
+++ b/layout/xul/grid/reftests/not-full-row-group-align-ref.xhtml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>XUL Grid Test</title>
+ <style type="text/css">
+ html { background: black; }
+ html, body { margin: 0; padding: 0; height: 100%; }
+ div { position: absolute; }
+ </style>
+</head>
+<body>
+
+<div style="background: rgb(0, 102, 153);
+ top: 100px; height: 100px; left: 100px; width: 100px;" />
+<div style="background: rgb(0, 255, 0);
+ top: 0px; height: 100px; left: 100px; width: 100px;" />
+<div style="background: rgb(0, 255, 0);
+ top: 200px; height: 100px; left: 100px; width: 100px;" />
+<div style="background: rgb(0, 0, 153);
+ top: 100px; height: 100px; left: 0px; width: 100px;" />
+<div style="background: rgb(0, 0, 153);
+ top: 100px; height: 100px; left: 200px; width: 100px;" />
+
+</body>
+</html>
diff --git a/layout/xul/grid/reftests/not-full-row-group-align.xul b/layout/xul/grid/reftests/not-full-row-group-align.xul
new file mode 100644
index 000000000..0037d9fb8
--- /dev/null
+++ b/layout/xul/grid/reftests/not-full-row-group-align.xul
@@ -0,0 +1,46 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ title="XUL Grid Test">
+ <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+ window { background: black; }
+ hbox { height: 100px; width: 100px; }
+ ]]></style>
+ <grid flex="1">
+ <!-- does anybody actually *want* the way columns align="start" behaves here? -->
+ <columns align="start">
+ <column style="background: rgb(0, 255, 0)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ <column>
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ </column>
+ <column>
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ </columns>
+ <rows align="start">
+ <row style="background: rgba(0, 0, 255, 0.6)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ <row>
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ </row>
+ <row>
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ </rows>
+ </grid>
+</window>
diff --git a/layout/xul/grid/reftests/not-full-row-group-direction-ref.xhtml b/layout/xul/grid/reftests/not-full-row-group-direction-ref.xhtml
new file mode 100644
index 000000000..b2a92b07b
--- /dev/null
+++ b/layout/xul/grid/reftests/not-full-row-group-direction-ref.xhtml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>XUL Grid Test</title>
+ <style type="text/css">
+ html { background: black; }
+ html, body { margin: 0; padding: 0; height: 100%; }
+ div { position: absolute; }
+ </style>
+</head>
+<body>
+
+<div style="background: rgb(0, 102, 153);
+ bottom: 0px; height: 100px; right: 0px; width: 100px;" />
+<div style="background: rgb(0, 0, 153);
+ bottom: 0px; height: 100px; left: 0px; right: 100px;" />
+<div style="background: rgb(0, 0, 153);
+ bottom: 100px; height: 100px; left: 0px; width: 300px;" />
+<div style="background: rgb(0, 255, 0);
+ top: 0px; bottom: 100px; right: 0px; width: 100px;" />
+<div style="background: rgb(0, 255, 0);
+ top: 0px; height: 300px; right: 100px; width: 100px;" />
+
+</body>
+</html>
diff --git a/layout/xul/grid/reftests/not-full-row-group-direction.xul b/layout/xul/grid/reftests/not-full-row-group-direction.xul
new file mode 100644
index 000000000..c38db40a5
--- /dev/null
+++ b/layout/xul/grid/reftests/not-full-row-group-direction.xul
@@ -0,0 +1,46 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ title="XUL Grid Test">
+ <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+ window { background: black; }
+ hbox { height: 100px; width: 100px; }
+ rows, columns { -moz-box-direction: reverse; }
+ ]]></style>
+ <grid flex="1">
+ <columns>
+ <column style="background: rgb(0, 255, 0)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ <column>
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ </column>
+ <column>
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ </columns>
+ <rows>
+ <row style="background: rgba(0, 0, 255, 0.6)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ <row>
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ </row>
+ <row>
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ </rows>
+ </grid>
+</window>
diff --git a/layout/xul/grid/reftests/not-full-row-group-pack-ref.xhtml b/layout/xul/grid/reftests/not-full-row-group-pack-ref.xhtml
new file mode 100644
index 000000000..9232f6ba4
--- /dev/null
+++ b/layout/xul/grid/reftests/not-full-row-group-pack-ref.xhtml
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>XUL Grid Test</title>
+ <style type="text/css">
+ html { background: black; }
+ html, body { margin: 0; padding: 0; height: 100%; }
+ div { position: absolute; }
+ </style>
+</head>
+<body>
+
+<div style="background: rgb(0, 102, 153);
+ bottom: 200px; height: 100px; right: 200px; width: 100px;" />
+<div style="background: rgb(0, 0, 153);
+ bottom: 200px; height: 100px; left: 0px; right: 300px;" />
+<div style="background: rgb(0, 0, 153);
+ bottom: 100px; height: 100px; left: 0px; width: 300px;" />
+<div style="background: rgb(0, 0, 153);
+ bottom: 200px; height: 100px; right: 0px; width: 200px;" />
+<div style="background: rgb(0, 255, 0);
+ top: 0px; bottom: 300px; right: 200px; width: 100px;" />
+<div style="background: rgb(0, 255, 0);
+ top: 0px; height: 300px; right: 100px; width: 100px;" />
+<div style="background: rgb(0, 255, 0);
+ bottom: 0px; height: 200px; right: 200px; width: 100px;" />
+
+</body>
+</html>
diff --git a/layout/xul/grid/reftests/not-full-row-group-pack.xul b/layout/xul/grid/reftests/not-full-row-group-pack.xul
new file mode 100644
index 000000000..bb8f650ae
--- /dev/null
+++ b/layout/xul/grid/reftests/not-full-row-group-pack.xul
@@ -0,0 +1,46 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ title="XUL Grid Test">
+ <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+ window { background: black; }
+ hbox { height: 100px; width: 100px; }
+ rows, columns { -moz-box-pack: end; }
+ ]]></style>
+ <grid flex="1">
+ <columns>
+ <column style="background: rgb(0, 255, 0)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ <column>
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ </column>
+ <column>
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ </columns>
+ <rows>
+ <row style="background: rgba(0, 0, 255, 0.6)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ <row>
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ </row>
+ <row>
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ </rows>
+ </grid>
+</window>
diff --git a/layout/xul/grid/reftests/not-full-row-leaf-align.xul b/layout/xul/grid/reftests/not-full-row-leaf-align.xul
new file mode 100644
index 000000000..806514ebd
--- /dev/null
+++ b/layout/xul/grid/reftests/not-full-row-leaf-align.xul
@@ -0,0 +1,46 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ title="XUL Grid Test">
+ <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+ window { background: black; }
+ hbox { height: 100px; width: 100px; }
+ row, column { -moz-box-align: start; }
+ ]]></style>
+ <grid flex="1">
+ <columns>
+ <column style="background: rgb(0, 255, 0)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ <column>
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ </column>
+ <column>
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ </columns>
+ <rows>
+ <row style="background: rgba(0, 0, 255, 0.6)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ <row>
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ </row>
+ <row>
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ </rows>
+ </grid>
+</window>
diff --git a/layout/xul/grid/reftests/not-full-row-leaf-direction.xul b/layout/xul/grid/reftests/not-full-row-leaf-direction.xul
new file mode 100644
index 000000000..17c3a6585
--- /dev/null
+++ b/layout/xul/grid/reftests/not-full-row-leaf-direction.xul
@@ -0,0 +1,46 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ title="XUL Grid Test">
+ <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+ window { background: black; }
+ hbox { height: 100px; width: 100px; }
+ row, column { -moz-box-direction: reverse; }
+ ]]></style>
+ <grid flex="1">
+ <columns>
+ <column style="background: rgb(0, 255, 0)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ <column>
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ </column>
+ <column>
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ </columns>
+ <rows>
+ <row style="background: rgba(0, 0, 255, 0.6)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ <row>
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ </row>
+ <row>
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ </rows>
+ </grid>
+</window>
diff --git a/layout/xul/grid/reftests/not-full-row-leaf-pack-ref.xhtml b/layout/xul/grid/reftests/not-full-row-leaf-pack-ref.xhtml
new file mode 100644
index 000000000..30635313a
--- /dev/null
+++ b/layout/xul/grid/reftests/not-full-row-leaf-pack-ref.xhtml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>XUL Grid Test</title>
+ <style type="text/css">
+ html { background: black; }
+ html, body { margin: 0; padding: 0; height: 100%; }
+ div { position: absolute; }
+ </style>
+</head>
+<body>
+
+<div style="background: rgb(0, 102, 153);
+ top: 0px; height: 100px; left: 0px; width: 100px;" />
+<div style="background: rgb(0, 255, 0);
+ top: 100px; bottom: 0px; left: 0px; width: 100px;" />
+<div style="background: rgb(0, 255, 0);
+ bottom: 0px; height: 300px; left: 100px; width: 100px;" />
+<div style="background: rgb(0, 0, 153);
+ top: 0px; height: 100px; left: 100px; right: 0px;" />
+<div style="background: rgb(0, 0, 153);
+ top: 100px; height: 100px; right: 0px; width: 300px;" />
+
+</body>
+</html>
diff --git a/layout/xul/grid/reftests/not-full-row-leaf-pack.xul b/layout/xul/grid/reftests/not-full-row-leaf-pack.xul
new file mode 100644
index 000000000..8f353c764
--- /dev/null
+++ b/layout/xul/grid/reftests/not-full-row-leaf-pack.xul
@@ -0,0 +1,46 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ title="XUL Grid Test">
+ <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+ window { background: black; }
+ hbox { height: 100px; width: 100px; }
+ row, column { -moz-box-pack: end; }
+ ]]></style>
+ <grid flex="1">
+ <columns>
+ <column style="background: rgb(0, 255, 0)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ <column>
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ </column>
+ <column>
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ </columns>
+ <rows>
+ <row style="background: rgba(0, 0, 255, 0.6)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ <row>
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ </row>
+ <row>
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ </rows>
+ </grid>
+</window>
diff --git a/layout/xul/grid/reftests/reftest-stylo.list b/layout/xul/grid/reftests/reftest-stylo.list
new file mode 100644
index 000000000..eb73955c9
--- /dev/null
+++ b/layout/xul/grid/reftests/reftest-stylo.list
@@ -0,0 +1,38 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+skip-if((B2G&&browserIsRemote)||Mulet) == row-sizing-1.xul row-sizing-1.xul
+# Initial mulet triage: parity with B2G/B2G Desktop
+skip-if((B2G&&browserIsRemote)||Mulet) == column-sizing-1.xul column-sizing-1.xul
+# Initial mulet triage: parity with B2G/B2G Desktop
+skip-if((B2G&&browserIsRemote)||Mulet) == row-or-column-sizing-1.xul row-or-column-sizing-1.xul
+# Initial mulet triage: parity with B2G/B2G Desktop
+skip-if((B2G&&browserIsRemote)||Mulet) == row-or-column-sizing-1.xul row-or-column-sizing-1.xul
+# Initial mulet triage: parity with B2G/B2G Desktop
+skip-if((B2G&&browserIsRemote)||Mulet) == row-or-column-sizing-1.xul row-or-column-sizing-1.xul
+# Initial mulet triage: parity with B2G/B2G Desktop
+skip-if((B2G&&browserIsRemote)||Mulet) fuzzy-if(skiaContent,1,60000) == z-order-1.xul z-order-1.xul
+# Initial mulet triage: parity with B2G/B2G Desktop
+skip-if((B2G&&browserIsRemote)||Mulet) fuzzy-if(skiaContent,1,60000) == z-order-2.xul z-order-2.xul
+# Initial mulet triage: parity with B2G/B2G Desktop
+skip-if((B2G&&browserIsRemote)||Mulet) fuzzy-if(skiaContent,1,60000) == not-full-basic.xul not-full-basic.xul
+# Initial mulet triage: parity with B2G/B2G Desktop
+skip-if((B2G&&browserIsRemote)||Mulet) fuzzy-if(skiaContent,1,110000) == not-full-grid-pack-align.xul not-full-grid-pack-align.xul
+# Initial mulet triage: parity with B2G/B2G Desktop
+skip-if((B2G&&browserIsRemote)||Mulet) fuzzy-if(skiaContent,1,30000) == not-full-row-group-align.xul not-full-row-group-align.xul
+# does anyone want/need this behavior?
+# Initial mulet triage: parity with B2G/B2G Desktop
+skip-if((B2G&&browserIsRemote)||Mulet) fuzzy-if(skiaContent,1,10000) == not-full-row-group-pack.xul not-full-row-group-pack.xul
+# Initial mulet triage: parity with B2G/B2G Desktop
+skip-if((B2G&&browserIsRemote)||Mulet) fuzzy-if(skiaContent,1,50000) == not-full-row-group-direction.xul not-full-row-group-direction.xul
+# Initial mulet triage: parity with B2G/B2G Desktop
+skip-if((B2G&&browserIsRemote)||Mulet) fuzzy-if(skiaContent,1,60000) == not-full-row-leaf-align.xul not-full-row-leaf-align.xul
+# Initial mulet triage: parity with B2G/B2G Desktop
+skip-if((B2G&&browserIsRemote)||Mulet) fuzzy-if(skiaContent,1,50000) == not-full-row-leaf-pack.xul not-full-row-leaf-pack.xul
+# Initial mulet triage: parity with B2G/B2G Desktop
+skip-if((B2G&&browserIsRemote)||Mulet) fuzzy-if(skiaContent,1,80000) == not-full-row-leaf-direction.xul not-full-row-leaf-direction.xul
+skip-if(B2G||Mulet) random-if(transparentScrollbars) fuzzy-if(OSX==1010,1,565) == scrollable-columns.xul scrollable-columns.xul
+# bug 650597
+# Initial mulet triage: parity with B2G/B2G Desktop
+skip-if((B2G&&browserIsRemote)||Mulet) == scrollable-rows.xul scrollable-rows.xul
+# Initial mulet triage: parity with B2G/B2G Desktop
+skip-if((B2G&&browserIsRemote)||Mulet) == sizing-2d.xul sizing-2d.xul
+# Initial mulet triage: parity with B2G/B2G Desktop
diff --git a/layout/xul/grid/reftests/reftest.list b/layout/xul/grid/reftests/reftest.list
new file mode 100644
index 000000000..eb414f906
--- /dev/null
+++ b/layout/xul/grid/reftests/reftest.list
@@ -0,0 +1,18 @@
+== row-sizing-1.xul row-sizing-1-ref.xul
+== column-sizing-1.xul column-sizing-1-ref.xul
+== row-or-column-sizing-1.xul row-or-column-sizing-2.xul
+== row-or-column-sizing-1.xul row-or-column-sizing-3.xul
+== row-or-column-sizing-1.xul row-or-column-sizing-4.xul
+fuzzy-if(skiaContent,1,60000) == z-order-1.xul z-order-1-ref.xul
+fuzzy-if(skiaContent,1,60000) == z-order-2.xul z-order-2-ref.xul
+fuzzy-if(skiaContent,1,60000) == not-full-basic.xul not-full-basic-ref.xhtml
+fuzzy-if(skiaContent,1,110000) == not-full-grid-pack-align.xul not-full-basic-ref.xhtml
+fuzzy-if(skiaContent,1,30000) == not-full-row-group-align.xul not-full-row-group-align-ref.xhtml # does anyone want/need this behavior?
+fuzzy-if(skiaContent,1,10000) == not-full-row-group-pack.xul not-full-row-group-pack-ref.xhtml
+fuzzy-if(skiaContent,1,50000) == not-full-row-group-direction.xul not-full-row-group-direction-ref.xhtml
+fuzzy-if(skiaContent,1,60000) == not-full-row-leaf-align.xul not-full-basic-ref.xhtml
+fuzzy-if(skiaContent,1,50000) == not-full-row-leaf-pack.xul not-full-row-leaf-pack-ref.xhtml
+fuzzy-if(skiaContent,1,80000) == not-full-row-leaf-direction.xul not-full-row-leaf-pack-ref.xhtml
+random-if(transparentScrollbars) fuzzy-if(OSX==1010,1,565) == scrollable-columns.xul scrollable-columns-ref.xhtml # bug 650597
+fails == scrollable-rows.xul scrollable-rows-ref.xhtml
+== sizing-2d.xul sizing-2d-ref.xul
diff --git a/layout/xul/grid/reftests/row-or-column-sizing-1.xul b/layout/xul/grid/reftests/row-or-column-sizing-1.xul
new file mode 100644
index 000000000..6c64eef18
--- /dev/null
+++ b/layout/xul/grid/reftests/row-or-column-sizing-1.xul
@@ -0,0 +1,21 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ title="XUL Grid Test">
+ <grid>
+ <columns>
+ <column />
+ <column />
+ </columns>
+ <rows>
+ <row>
+ <hbox />
+ <label value="Upper right" />
+ </row>
+ <row>
+ <textbox value="Lower left" />
+ <hbox />
+ </row>
+ </rows>
+ </grid>
+</window>
diff --git a/layout/xul/grid/reftests/row-or-column-sizing-2.xul b/layout/xul/grid/reftests/row-or-column-sizing-2.xul
new file mode 100644
index 000000000..008f82fd5
--- /dev/null
+++ b/layout/xul/grid/reftests/row-or-column-sizing-2.xul
@@ -0,0 +1,21 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ title="XUL Grid Test">
+ <grid>
+ <columns>
+ <column>
+ <hbox />
+ <textbox value="Lower left" />
+ </column>
+ <column>
+ <label value="Upper right" />
+ <hbox />
+ </column>
+ </columns>
+ <rows>
+ <row />
+ <row />
+ </rows>
+ </grid>
+</window>
diff --git a/layout/xul/grid/reftests/row-or-column-sizing-3.xul b/layout/xul/grid/reftests/row-or-column-sizing-3.xul
new file mode 100644
index 000000000..1e8e55c29
--- /dev/null
+++ b/layout/xul/grid/reftests/row-or-column-sizing-3.xul
@@ -0,0 +1,27 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ title="XUL Grid Test">
+ <grid>
+ <columns>
+ <column>
+ <hbox />
+ <hbox />
+ </column>
+ <column>
+ <label value="Upper right" />
+ <hbox />
+ </column>
+ </columns>
+ <rows>
+ <row>
+ <hbox />
+ <hbox />
+ </row>
+ <row>
+ <textbox value="Lower left" />
+ <hbox />
+ </row>
+ </rows>
+ </grid>
+</window>
diff --git a/layout/xul/grid/reftests/row-or-column-sizing-4.xul b/layout/xul/grid/reftests/row-or-column-sizing-4.xul
new file mode 100644
index 000000000..5a826fd84
--- /dev/null
+++ b/layout/xul/grid/reftests/row-or-column-sizing-4.xul
@@ -0,0 +1,27 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ title="XUL Grid Test">
+ <grid>
+ <columns>
+ <column>
+ <hbox />
+ <textbox value="Lower left" />
+ </column>
+ <column>
+ <hbox />
+ <hbox />
+ </column>
+ </columns>
+ <rows>
+ <row>
+ <hbox />
+ <label value="Upper right" />
+ </row>
+ <row>
+ <hbox />
+ <hbox />
+ </row>
+ </rows>
+ </grid>
+</window>
diff --git a/layout/xul/grid/reftests/row-sizing-1-ref.xul b/layout/xul/grid/reftests/row-sizing-1-ref.xul
new file mode 100644
index 000000000..b35719052
--- /dev/null
+++ b/layout/xul/grid/reftests/row-sizing-1-ref.xul
@@ -0,0 +1,14 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ orient="horizontal"
+ title="XUL Grid Test">
+ <vbox>
+ <hbox style="background:aqua">
+ <label value="Top" />
+ </hbox>
+ <hbox style="background:yellow">
+ <textbox value="Bottom" />
+ </hbox>
+ </vbox>
+</window>
diff --git a/layout/xul/grid/reftests/row-sizing-1.xul b/layout/xul/grid/reftests/row-sizing-1.xul
new file mode 100644
index 000000000..0455b8da4
--- /dev/null
+++ b/layout/xul/grid/reftests/row-sizing-1.xul
@@ -0,0 +1,16 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ orient="horizontal"
+ title="XUL Grid Test">
+ <grid>
+ <rows>
+ <row style="background:aqua">
+ <label value="Top" />
+ </row>
+ <row style="background:yellow">
+ <textbox value="Bottom" />
+ </row>
+ </rows>
+ </grid>
+</window>
diff --git a/layout/xul/grid/reftests/scrollable-columns-ref.xhtml b/layout/xul/grid/reftests/scrollable-columns-ref.xhtml
new file mode 100644
index 000000000..698c5a036
--- /dev/null
+++ b/layout/xul/grid/reftests/scrollable-columns-ref.xhtml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>XUL Grid Test</title>
+ <style type="text/css">
+ html { background: black; }
+ html, body { margin: 0; padding: 0; height: 100%; }
+ div { position: absolute; }
+ </style>
+</head>
+<body>
+
+<div style="background: rgb(0, 102, 153);
+ top: 0px; height: 200px; left: 0px; width: 200px;" />
+<div style="background: rgb(0, 255, 0); overflow: auto;
+ top: 200px; height: 100px; left: 0px; width: 200px;">
+ <div style="width: 300px; height: 50px" />
+</div>
+<div style="background: rgb(0, 0, 153);
+ top: 100px; height: 100px; left: 200px; width: 100px;" />
+
+</body>
+</html>
diff --git a/layout/xul/grid/reftests/scrollable-columns.xul b/layout/xul/grid/reftests/scrollable-columns.xul
new file mode 100644
index 000000000..661c4412f
--- /dev/null
+++ b/layout/xul/grid/reftests/scrollable-columns.xul
@@ -0,0 +1,49 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ title="XUL Grid Test">
+ <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+ window { background: black; }
+ hbox { height: 100px; width: 100px; }
+ grid { width: 200px; height: 200px; }
+ columns { overflow: auto; }
+ ]]></style>
+ <hbox>
+ <grid>
+ <columns>
+ <column style="background: rgb(0, 255, 0)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ <column>
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ </column>
+ <column>
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ </columns>
+ <rows>
+ <row style="background: rgba(0, 0, 255, 0.6)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ <row>
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ </row>
+ <row>
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ </rows>
+ </grid>
+ </hbox>
+</window>
diff --git a/layout/xul/grid/reftests/scrollable-rows-ref.xhtml b/layout/xul/grid/reftests/scrollable-rows-ref.xhtml
new file mode 100644
index 000000000..6b5b95f02
--- /dev/null
+++ b/layout/xul/grid/reftests/scrollable-rows-ref.xhtml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>XUL Grid Test</title>
+ <style type="text/css">
+ html { background: black; }
+ html, body { margin: 0; padding: 0; height: 100%; }
+ div { position: absolute; }
+ </style>
+</head>
+<body>
+
+<div style="background: rgb(0, 102, 153);
+ top: 0px; height: 200px; left: 0px; width: 200px;" />
+<div style="background: rgb(0, 0, 153); overflow: auto;
+ top: 0px; height: 200px; left: 200px; width: 100px;">
+ <div style="width: 50px; height: 300px" />
+</div>
+<div style="background: rgb(0, 255, 0);
+ top: 200px; height: 100px; left: 100px; width: 100px;" />
+
+</body>
+</html>
diff --git a/layout/xul/grid/reftests/scrollable-rows.xul b/layout/xul/grid/reftests/scrollable-rows.xul
new file mode 100644
index 000000000..9fa1f82c5
--- /dev/null
+++ b/layout/xul/grid/reftests/scrollable-rows.xul
@@ -0,0 +1,49 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ title="XUL Grid Test">
+ <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+ window { background: black; }
+ hbox { height: 100px; width: 100px; }
+ grid { width: 200px; height: 200px; }
+ rows { overflow: auto; }
+ ]]></style>
+ <hbox>
+ <grid>
+ <columns>
+ <column style="background: rgb(0, 255, 0)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ <column>
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ </column>
+ <column>
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ </columns>
+ <rows>
+ <row style="background: rgba(0, 0, 255, 0.6)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ <row>
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ </row>
+ <row>
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ </rows>
+ </grid>
+ </hbox>
+</window>
diff --git a/layout/xul/grid/reftests/sizing-2d-ref.xul b/layout/xul/grid/reftests/sizing-2d-ref.xul
new file mode 100644
index 000000000..a3bc4ca73
--- /dev/null
+++ b/layout/xul/grid/reftests/sizing-2d-ref.xul
@@ -0,0 +1,12 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" align="start">
+ <hbox>
+ <box style="background:aqua; width: 50px; height: 100px" />
+ <box style="background:fuchsia; width: 100px; height: 100px" />
+ </hbox>
+ <hbox>
+ <box style="background:yellow; width: 50px; height: 75px" />
+ <box style="background:blue; width: 100px; height: 75px" />
+ </hbox>
+</window>
diff --git a/layout/xul/grid/reftests/sizing-2d.xul b/layout/xul/grid/reftests/sizing-2d.xul
new file mode 100644
index 000000000..7868f9eca
--- /dev/null
+++ b/layout/xul/grid/reftests/sizing-2d.xul
@@ -0,0 +1,26 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" align="start">
+ <grid>
+ <rows>
+ <row>
+ <box style="width: 25px; height: 25px" />
+ <box />
+ </row>
+ <row>
+ <box />
+ <box style="width: 75px; height: 75px" />
+ </row>
+ </rows>
+ <columns>
+ <column>
+ <box style="background: aqua" />
+ <box style="background: yellow; width: 50px; height: 50px" />
+ </column>
+ <column>
+ <box style="background: fuchsia; width: 100px; height: 100px" />
+ <box style="background: blue" />
+ </column>
+ </columns>
+ </grid>
+</window>
diff --git a/layout/xul/grid/reftests/z-order-1-ref.xul b/layout/xul/grid/reftests/z-order-1-ref.xul
new file mode 100644
index 000000000..198c4e6c6
--- /dev/null
+++ b/layout/xul/grid/reftests/z-order-1-ref.xul
@@ -0,0 +1,30 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ title="XUL Grid Test">
+ <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+ window { background: black; }
+ hbox { height: 100px; width: 100px; }
+ ]]></style>
+ <hbox>
+ <grid>
+ <rows>
+ <row>
+ <hbox style="background: rgb(0, 102, 153)" />
+ <hbox style="background: rgb(0, 102, 153)" />
+ <hbox style="background: rgb(0, 0, 153)" />
+ </row>
+ <row>
+ <hbox style="background: rgb(0, 102, 153)" />
+ <hbox style="background: rgb(0, 102, 153)" />
+ <hbox style="background: rgb(0, 0, 153)" />
+ </row>
+ <row>
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 0, 0)" />
+ </row>
+ </rows>
+ </grid>
+ </hbox>
+</window>
diff --git a/layout/xul/grid/reftests/z-order-1.xul b/layout/xul/grid/reftests/z-order-1.xul
new file mode 100644
index 000000000..d38ef9f4a
--- /dev/null
+++ b/layout/xul/grid/reftests/z-order-1.xul
@@ -0,0 +1,47 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ title="XUL Grid Test">
+ <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+ window { background: black; }
+ hbox { height: 100px; width: 100px; }
+ ]]></style>
+ <hbox>
+ <grid>
+ <columns>
+ <column style="background: rgb(0, 255, 0)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ <column>
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ </column>
+ <column>
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ </columns>
+ <rows>
+ <row style="background: rgba(0, 0, 255, 0.6)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ <row>
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ </row>
+ <row>
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ </rows>
+ </grid>
+ </hbox>
+</window>
diff --git a/layout/xul/grid/reftests/z-order-2-ref.xul b/layout/xul/grid/reftests/z-order-2-ref.xul
new file mode 100644
index 000000000..5b0793d6d
--- /dev/null
+++ b/layout/xul/grid/reftests/z-order-2-ref.xul
@@ -0,0 +1,30 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ title="XUL Grid Test">
+ <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+ window { background: black; }
+ hbox { height: 100px; width: 100px; }
+ ]]></style>
+ <hbox>
+ <grid>
+ <rows>
+ <row>
+ <hbox style="background: rgb(0, 102, 153)" />
+ <hbox style="background: rgb(0, 102, 153)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ </row>
+ <row>
+ <hbox style="background: rgb(0, 102, 153)" />
+ <hbox style="background: rgb(0, 102, 153)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ </row>
+ <row>
+ <hbox style="background: rgb(0, 0, 153)" />
+ <hbox style="background: rgb(0, 0, 153)" />
+ <hbox style="background: rgb(0, 0, 0)" />
+ </row>
+ </rows>
+ </grid>
+ </hbox>
+</window>
diff --git a/layout/xul/grid/reftests/z-order-2.xul b/layout/xul/grid/reftests/z-order-2.xul
new file mode 100644
index 000000000..b2c270d6b
--- /dev/null
+++ b/layout/xul/grid/reftests/z-order-2.xul
@@ -0,0 +1,47 @@
+<?xml version="1.0"?>
+<!DOCTYPE window>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ title="XUL Grid Test">
+ <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
+ window { background: black; }
+ hbox { height: 100px; width: 100px; }
+ ]]></style>
+ <hbox>
+ <grid>
+ <rows>
+ <row style="background: rgb(0, 255, 0)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ <row>
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ <hbox style="background: rgb(0, 255, 0)" />
+ </row>
+ <row>
+ <hbox />
+ <hbox />
+ <hbox />
+ </row>
+ </rows>
+ <columns>
+ <column style="background: rgba(0, 0, 255, 0.6)">
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ <column>
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ <hbox style="background: rgba(0, 0, 255, 0.6)" />
+ </column>
+ <column>
+ <hbox />
+ <hbox />
+ <hbox />
+ </column>
+ </columns>
+ </grid>
+ </hbox>
+</window>