Closed Bug 875270 Opened 11 years ago Closed 11 years ago

"display: box" adds top margin to the container when boxes inside have no text content

Categories

(Firefox :: Untriaged, defect)

x86_64
Linux
defect
Not set
normal

Tracking

()

RESOLVED INVALID

People

(Reporter: ibc, Unassigned)

Details

User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.11 Safari/537.36

Steps to reproduce:

A container div with "display: -moz-box" contains boxes with no text content.

The bug is shown here: http://jsfiddle.net/ibcaliax/bsvM6/


Actual results:

The container div gets a top margin within the div it is contained in. This is, a vertical separation/space appears between the main container and the div container (that with "display: -moz-box").


Expected results:

No top margin should be added. In fact, if at *least* one of the boxes have text content, this issue does not happen. This is shown in the example URL:

The bug is shown here: http://jsfiddle.net/ibcaliax/bsvM6/
Using "display: flex" the issue does not occur, and since "display: box" was never a standard I close the bug as "invalid".
Status: UNCONFIRMED → RESOLVED
Closed: 11 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.