summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bugs/346189-1.xul
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/bugs/346189-1.xul')
-rw-r--r--layout/reftests/bugs/346189-1.xul70
1 files changed, 70 insertions, 0 deletions
diff --git a/layout/reftests/bugs/346189-1.xul b/layout/reftests/bugs/346189-1.xul
new file mode 100644
index 000000000..62acfb8e9
--- /dev/null
+++ b/layout/reftests/bugs/346189-1.xul
@@ -0,0 +1,70 @@
+<?xml version="1.0"?>
+
+<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
+
+<window
+ xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ width="400"
+ height="600">
+
+<vbox style="max-width: 400px;">
+ <!-- default: the inner hbox should expand the stack. -->
+ <hbox style="height: 20px;">
+ <stack flex="1" style="background: yellow;">
+ <hbox style="width: 100px; height: 20px; background: blue;" top="0" left="100"/>
+ </stack>
+ <spacer flex="3" style="background: green;"/>
+ </hbox>
+
+ <!-- same as above, with explicit -moz-stack-sizing: stretch-to-fit -->
+ <hbox style="height: 20px;">
+ <stack flex="1" style="background: yellow;">
+ <hbox style="-moz-stack-sizing: stretch-to-fit; width: 100px; height: 20px; background: blue;" top="0" left="100"/>
+ </stack>
+ <spacer flex="3" style="background: green;"/>
+ </hbox>
+
+ <!-- same as above, but with overflow: hidden -->
+ <hbox style="height: 20px;">
+ <stack flex="1" style="overflow: hidden; background: yellow;">
+ <hbox style="-moz-stack-sizing: stretch-to-fit; width: 100px; height: 20px; background: blue;" top="0" left="100"/>
+ </stack>
+ <spacer flex="3" style="background: green; height: 20px;"/>
+ </hbox>
+
+ <!-- inner hbox has stack-sizing: ignore, but the stack doesn't have overflow: hidden set; the stack will stretch
+ just enough to include the child, but no more -->
+ <hbox style="height: 20px;">
+ <stack flex="1" style="background: yellow;">
+ <hbox style="-moz-stack-sizing: ignore; width: 100px; height: 20px; background: blue;" top="0" left="100"/>
+ </stack>
+ <spacer flex="3" style="background: green; height: 20px;"/>
+ </hbox>
+
+ <!-- same as above, except stack has overflow: hidden set, so the blue shouldn't be visible -->
+ <hbox style="height: 20px;">
+ <stack flex="1" style="overflow: hidden; background: yellow;">
+ <hbox style="-moz-stack-sizing: ignore; width: 100px; height: 20px; background: blue;" top="0" left="100"/>
+ </stack>
+ <spacer flex="3" style="background: green; height: 20px;"/>
+ </hbox>
+
+ <!-- no flex on the stack, but an explicit size; the child will cause us to resize the stack during Layout -->
+ <hbox style="height: 20px;">
+ <stack style="width: 100px; background: yellow;">
+ <hbox style="width: 100px; height: 20px; background: transparent;" top="0" left="100"/>
+ </stack>
+ <spacer flex="1" style="background: green;"/>
+ </hbox>
+
+ <!-- same as above, but with stack-sizing: ignore; the stack should not be resized -->
+ <hbox style="height: 20px;">
+ <stack style="width: 100px; background: yellow;">
+ <hbox style="-moz-stack-sizing: ignore; width: 100px; height: 20px; background: transparent;" top="0" left="100"/>
+ </stack>
+ <spacer flex="1" style="background: green;"/>
+ </hbox>
+
+</vbox>
+
+</window>