flex attribute does not work if the hidden attribute is dynamically toggled for vbox.

UNCONFIRMED
Assigned to

Status

()

Core
Layout: View Rendering
UNCONFIRMED
6 years ago
6 years ago

People

(Reporter: shaarang, Assigned: shaarang)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Assignee)

Description

6 years ago
User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.168 Safari/535.19

Steps to reproduce:

The XUL code was:
         
        <hbox id="top-container">
	<vbox id="first-box" flex="1" >
	<hbox id="topbar-box" height="37px"  pack="end" flex="1" >
		<image id="topbar-box-img"> 
		</image> 
        </hbox>
        </vbox>
	<vbox id="second-box" height="83px" width="71px">
        <image id="image-second"></image>
        </vbox>
        </hbox>

And from the javascript this was done:

document.getElementById("top-container").hidden = true;
and then on some button click action:
document.getElementById("top-container").hidden = false;


Actual results:

The output becomes messed up ( the flex does not simply work). 


Expected results:

The flex should have placed (stretched) the objects accordingly.

Updated

6 years ago
Assignee: nobody → shaarang.tyagi
I just tried this, and it works just fine.  Can you attach a complete testcase that actually shows the problem, please?
You need to log in before you can comment on or make changes to this bug.