Flex-basis value of "0%" is not behaving like "auto" when containing block's main-size value is indefinite

NEW
Unassigned

Status

()

Core
Layout
2 years ago
2 years ago

People

(Reporter: Tyler, Unassigned)

Tracking

Trunk
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

2 years ago
User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:44.0) Gecko/20100101 Firefox/44.0
Build ID: 20160210153822

Steps to reproduce:

1. Open the demo https://jsfiddle.net/uwbhddxj/9/
2. Click run


Actual results:

The viewport is blank, because the <div> element has an effective height of 0. It should be a height of 100px.


Expected results:

Per the spec, flex elements with flex-basis of "0%", inside elements with an indefinite main-size value (like the demo's <body> element in this case), should behave like a flex-basis value of "auto".

This works in Chrome, but not in Firefox. 
Extended debugging discussion located here: http://chat.stackoverflow.com/transcript/message/29044830#29044830
(Reporter)

Updated

2 years ago
OS: Unspecified → Windows 7
Hardware: Unspecified → All
(Reporter)

Updated

2 years ago
Component: Untriaged → Untriaged
OS: Windows 7 → All
Product: Firefox → Core
(Reporter)

Comment 1

2 years ago
I'm unable to set the Component to Layout, that's not an option for some reason.
(Reporter)

Updated

2 years ago
Component: Untriaged → Layout
Status: UNCONFIRMED → NEW
Ever confirmed: true
You need to log in before you can comment on or make changes to this bug.