218005 - Elements expand over other elements rather than push them down

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[Oren Novotny]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.2; en-US; rv:1.5a) Gecko/20030728 Mozilla Firebird/0.6.1
Build Identifier: Mozilla/5.0+(Windows;+U;+Windows+NT+5.2;+en-US;+rv:1.4)+Gecko/20030624+Netscape/7.1+(ax)

I have a TreeView element on my page.  It will start in a semi-collapsed mode
and provide expando's to open up the tree.  Under the tree, I have another
element.  If I click the + to expand the tree, then it expands, but covers the
element below.  It should push the element below further down.  

This works correctly in IE.  

Note, due to a browser-detection bug right now, you need to use Netscape (7.1)
to get the correct version of the page that'll repro the bug; Mozilla/Gecko
alone returns a different version of the page--this is something on my end
that's being worked on.

Reproducible: Always

Steps to Reproduce:
1. Browse over to the page that shows the components in action: 
http://novotny.org/default.aspx using Netscape 7.1 (see above note for reason).
2. You'll see a tree on the upper-right.  Click the + on one of them.  


Actual Results:  
The javascript works as expected and the tree expands.  But, it covers the login
box and makes it hard to use/see.

Expected Results:  
Mozilla should have pushed the other elements out of the way (down) when the
list expanded.  Viewing the same page using IE6 will show the correct behavior
of these elements.

As I noted, due to a server configuration glitch on my end, you need to be using
a Netscape-branded browser to get the current up-level page.  

This problem is most likely bigger than the above test demonstrates.  The core
of the issue is that the browser isn't reflowing content after a dynamic element
changes its size.

Comment 1

[Alfonso Martinez]

Please, create a minimal test-case and attach it to this bug.

Comment 2

[Oren Novotny]

Attachment: A standalone example that shows the problem

Ignore some of the missing images (that's a different issue) that'll show up
when you toggle the tree.  

As you can see when you expand any of the elements, the tree expands and covers
up the "other element" text.  In IE, the text moves down so that the tree does
not cover it.

Comment 3

[Oren Novotny]

Comment on attachment 130747 [details]
A standalone example that shows the problem

uploaded a fixed testcase

Comment 4

[Oren Novotny]

Attachment: Test case that shows the problem

Shows the problem.  This file runs on all browsers, including Opera, IE,
Mozilla, Firebird, and Netscape.

It works correctly (the "Other Element" text moves down in Opera and IE).  You
can see that Mozilla does not move that element down so that the tree overlaps.

Comment 5

[Mats Palmgren (inactive)]

You have wrapped the whole tree inside:
<div id="TreeView1" style="height: 112px; width: 144px;">

This is well known bug in IE that it treats height/width as min-height/
min-width,  the testcase works fine if I remove the style attribute above.

Mozilla's behaviour is correct.

-> INVALID