[Webkit-unassigned] [Bug 120003] New: Spec change: margins/paddings inside a flex container are relative to their respective dimension, not always the inline dimension (as in block layout)

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Aug 19 01:57:16 PDT 2013


https://bugs.webkit.org/show_bug.cgi?id=120003

           Summary: Spec change: margins/paddings inside a flex container
                    are relative to their respective dimension, not always
                    the inline dimension (as in block layout)
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Unspecified
               URL: http://jsfiddle.net/m_gol/uVVFn/7/
        OS/Version: Unspecified
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: m.goleb+bugzilla at gmail.com
                CC: simon.fraser at apple.com


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

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.



More information about the webkit-unassigned mailing list