RESOLVED DUPLICATE of bug 113519 120003
Spec change: margins/paddings inside a flex container are relative to their respective dimension, not always the inline dimension (as in block layout) 
https://bugs.webkit.org/show_bug.cgi?id=120003
Summary Spec change: margins/paddings inside a flex container are relative to their r...
Michał Gołębiowski-Owczarek
Reported 2013-08-19 01:56:47 PDT
According to the spec change from March 2013: http://lists.w3.org/Archives/Public/www-style/2013Mar/0688.html margins/paddings inside a flex container should be relative to their respective dimensions, e.g. padding-top: 50% sets padding to 50% of height, not width as it is in block layout. So far only Firefox has implemented the change which makes it impossible to use percentages for paddings in flex containers on the web. :( Related Chromium ticket: https://code.google.com/p/chromium/issues/detail?id=275327
Attachments
Add attachment proposed patch, testcase, etc.
Michał Gołębiowski-Owczarek
Comment 1 2013-08-19 02:03:11 PDT
Related spec fragment: http://dev.w3.org/csswg/css-flexbox/#item-margins
Michał Gołębiowski-Owczarek
Comment 2 2013-08-19 02:10:25 PDT
Related Internet Explorer ticket: https://connect.microsoft.com/IE/feedback/details/797724
Christian Biesinger
Comment 3 2013-08-22 16:03:16 PDT
*** This bug has been marked as a duplicate of bug 113519 ***
Note You need to log in before you can comment on or make changes to this bug.