1380602 - Vertical margin and padding in percent in the inner of flex layout container

Status: RESOLVED DUPLICATE of bug 958714

(Core :: Layout, defect, P3)

Description

[kyvenko.sergiy]

Attachment: mURTf_AUSdG78Olw7_D6OQ.png

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.115 Safari/537.36

Steps to reproduce:

1. create flex container
2. create inner element 
3. add some vertical margin or padding (if inner elem have  not display:table) in percent

p.s. if parent flex container has fixed height then vertical margin or padding is work


Actual results:

In the inner element padding or margin, is equal 0


Expected results:

vertical padding or margin should have some value, not 0

Comment 1

[Emma Humphries ☕️🎸🧞‍♀️✨ (she/they) [:emceeaich] (Pacific Time) use needinfo]

This is a P1 bug without an assignee. 

P1 are bugs which are being worked on for the current release cycle/iteration/sprint. 

If the bug is not assigned by Monday, 28 August, the bug's priority will be reset to '--'.

Comment 2

[Jonathan Watt [:jwatt]]

Please don't set the Priority field unless you're part of the team who works on these bugs. This is definitely not a P1. Definitely an annoying bug, but more like P4 as per https://dbaron.org/log/20090120-bug-priorities

Comment 3

[Jonathan Watt [:jwatt]]

Can you attach a testcase that demonstrates the issue that is as simple as possible, please?

Comment 4

[kyvenko.sergiy]

https://codepen.io/Dezmonds/pen/YrqOwm

I added bug preview on this link, on Mozilla vertical margin in percent is null

Comment 5

[Daniel Holbert [:dholbert]]

It looks like the codepen is now 404. I'm guessing this was a duplicate of bug 958714 based on the description, though.

So: should be fixed now, but please reopen if this is still an issue (and if you could resurrect a testcase in that scenario, that'd help too). Thanks!