216835 - XUL iframe overflows and covers other elements when its container smaller than it

Status: NEW

(Core :: Layout: Block and Inline, defect)

Description

[Wang Xianzhu]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.5b) Gecko/20030820
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.5b) Gecko/20030820

In a XUL document, when a iframe's container is smaller than the iframe, its
content overflows out of its container and covers other elements, with the style
set in the attached test.xul.  I've set overflow:hidden style to all of the
elements, including the HTML and BODY in test.html.


Reproducible: Always

Steps to Reproduce:
1. save the attachment 1 [details] [diff] [review] and 2 to the same directory on your local computer
2. open test.xul with mozilla

Actual Results:  
The HTML content (test.html with yellow background) overflows its container
(vbox1 with blue background and 5px padding), and covers the following vbox2
(red background)

Expected Results:  
The HTML content should be clipped to the content rect of its container (vbox1)

Comment 1

[Wang Xianzhu]

Attachment: test.xul

Comment 2

[Wang Xianzhu]

Attachment: test.html

Comment 3

[mmc]

WFM linux.

Comment 4

[Jens Bannmann]

WFM on Moz1.6, Win2000 [Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.6)
Gecko/20040113].

Wang, do you still see the bug with a recent build?

Comment 5

[Jason Barnabe (np)]

I see it overlapping the blue, but not the red. So, confirming.

Comment 6

[Moisés Campos]

Hi, 
I had noted one similar problem, with Firefox v3.6 (that didn’t happen when used the Firefox v3.5). 
Tested with this version: Mozilla/5.0 (Windows; U; Windows NT 6.0; pt-PT; rv:1.9.2) Gecko/20100115 Firefox/3.6 (.NET CLR 3.5.30729)

If we open one dialog in XUL, with the following code: 
<hbox flex="1" maxheight="50px" style="background-color:red">
	<label value="Test"/>
</hbox>
<vbox flex="1" minheight="200px" maxheight="200px" id="paneMain" style="overflow-y:scroll;background-color:black">
	<editor flex="1" minheight="200" anonid="HTMLeditor" style="background-color:white;border:1px solid black" type="content-primary" src="chrome://cms/content/editor/page.html" context="editorContentContext"/>
	<editor flex="1" minheight="200" style="background-color:white;border:1px solid black"/>
</vbox>

Then, if we move the scroll-bar down, the first editor element go over the red box (with label “test”).