1 files changed, 53 insertions, 0 deletions
diff --git a/layout/reftests/xul/css-grid-with-xul-item-1.xhtml b/layout/reftests/xul/css-grid-with-xul-item-1.xhtml
new file mode 100644
index 0000000000..b109d0b9fe
--- /dev/null
+++ b/layout/reftests/xul/css-grid-with-xul-item-1.xhtml
@@ -0,0 +1,53 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml"
+        align="start">
+  <!-- This test ensures that auto-sizing works properly around grid items that
+       happen to be XUL elements. Each outlined box is a CSS grid with some
+       sort of XUL child inside (just one child, to test that we shrinkwrap
+       that child's size properly).
+
+       The reference case has identical markup to this testcase, except it
+       lacks the "display:grid" styling on the container boxes.  So, its
+       containers are unremarkable XUL "-moz-box" containers.  The testcase and
+       reference should match, because both sorts of boxes (CSS grids and XUL
+       -moz-box containers) should auto size to their sole child's preferred
+       ISize and BSize (in this context where they're thrown directly into
+       a <window> element with align="start"). -->
+  <html:style>
+    .container {
+      display: grid;
+      border: 1px solid purple;
+    }
+
+    * { margin: 0 }
+  </html:style>
+  <hbox class="container">
+    <label value="label"/>
+  </hbox>
+  <hbox class="container">
+    <label value="label" style="padding: 5px"/>
+  </hbox>
+  <hbox class="container">
+    <label value="label" style="margin:8px"/>
+  </hbox>
+  <hbox class="container">
+    <menulist native="true">
+    </menulist>
+  </hbox>
+  <hbox class="container">
+    <menulist native="true" style="margin: 10px">
+    </menulist>
+  </hbox>
+  <hbox class="container">
+    <menulist native="true">
+      <menupopup>
+        <menuitem value="1" label="item"/>
+      </menupopup>
+    </menulist>
+  </hbox>
+  <hbox class="container">
+    <checkbox></checkbox>
+  </hbox>
+</window>