It acts as if the 'overflow' style is set to 'visible'. The iframe overflows out of the box1 and covers part of the box2.
Is this a bug of Gecko layout engine? Are there any workarounds about it?
Test document:
test.xul: <?xml version="1.0"?> <?xml-stylesheet href="test.css" type="text/css"?> <!DOCTYPE window>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";>
<vbox id="full">
<vbox id="box1">
<iframe id="browser1" src="test.html"/>
</vbox>
<hbox id="box2"/>
</vbox>
</window>
test.css:
* {
overflow: hidden;
min-height: -1px;
min-width: -1px;
-moz-box-pack: start;
}#full {
height: 150px;
-moz-box-align: start;
}#box1 {
background-color: blue;
padding: 5px;
-moz-box-flex: 1;
}#browser1 {
width: 200px;
height: 300px;
}#box2 {
background-color: red;
width: 300px;
height: 32px;
}test.html: <HTML style="overflow: hidden> <BODY style="overflow: hidden"> <H1>TEST</H1> <H1>TEST</H1> <H1>TEST</H1> <H1>TEST</H1> <H1>TEST</H1> <H1>TEST</H1> <H1>TEST</H1> </BODY> </HTML>
Phnix
