831194 - Setting the width of a flexbox's child to 100%, using javascript, makes this item to use its max content width instead of the available parent width

Status: RESOLVED WORKSFORME

(Firefox :: Untriaged, defect)

Description

[Guyllaume Doyer]

Attachment: flexbox_bug_firefox_width_100prct.htm

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.17 (KHTML, like Gecko) Chrome/24.0.1312.52 Safari/537.17

Steps to reproduce:

Created a 2 levels flexbox layout, adding 2 elements in a flexible box (direction column) and apply some background colors to see rendered blocs dimensions.
Setting the width of one child of to 100%, afterwards via javascript.

The bug can be seen here : http://fiddle.jshell.net/gudoy/hGLtg/show/

In my test case, strangely it does not seem to occur on every page load. However Refreshing the page several times should show hime.


Actual results:

The item no longer use the whole available size (parent width) as it does width the '100%' but uses instead it's max content width.


Expected results:

Adding the width 100% shouldn't have any effect. This works expectedly in Chrome, Opera 12 and IE 10

Comment 1

[Mihai Morar, (:MihaiMorar)]

What about using new profile or in safe mode ?

https://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode

Comment 2

[Guyllaume Doyer]

It does not change anything. I can still reproduce the bug.

Comment 3

[Tiziana Sellitto [:tiziana]]

Guyllaume can you still reproduce this in the newest Firefox versions?

Comment 4

[Guyllaume Doyer]

Trying with Firefox 22, this seems to be fixed.

Comment 5

[Tiziana Sellitto [:tiziana]]

I'll close this as WORKSFORME.
Please feel free to reopen it, if the something changes.