summaryrefslogtreecommitdiffstats
path: root/layout/reftests/xul/css-grid-with-xul-item-1.xhtml
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 17:32:43 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 17:32:43 +0000
commit6bf0a5cb5034a7e684dcc3500e841785237ce2dd (patch)
treea68f146d7fa01f0134297619fbe7e33db084e0aa /layout/reftests/xul/css-grid-with-xul-item-1.xhtml
parentInitial commit. (diff)
downloadthunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.tar.xz
thunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.zip
Adding upstream version 1:115.7.0.upstream/1%115.7.0upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/reftests/xul/css-grid-with-xul-item-1.xhtml')
-rw-r--r--layout/reftests/xul/css-grid-with-xul-item-1.xhtml53
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>