[Webkit-unassigned] [Bug 182595] New: Blink mistakenly adds "margin-top" to intrinsic *width* calculation for floats

[bugzilla-daemon at webkit.org]

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

            Bug ID: 182595
           Summary: Blink mistakenly adds "margin-top" to intrinsic
                    *width* calculation for floats
           Product: WebKit
           Version: Safari 11
          Hardware: Unspecified
                OS: macOS 10.13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: dholbert at mozilla.com

What steps will reproduce the problem?
(1) Visit https://jsfiddle.net/5rwq3m0o/

What is the expected result?
Each teal div should have the same width.

What happens instead?
Each teal div is wider than the last.

Please use labels and text to provide additional information.
The only difference between the divs are "margin-top" values on their children. Apparently WebKit is mistakenly factoring this vertical margin into the width calculation, when accounting for the writing-mode difference between parent & child.

Note:
 - Edge 16 gives "Expected results", with the teal divs all being just wide enough to fit the text.
 - Firefox Nightly 60 gives a less pretty version of "expected results", with the divs all being 4px wide (not doing layout on the text -- only wide enough for the borders)
 - Safari 11 and Chrome give the results that I'm reporting as buggy here, with the divs being wider if there's a larger 'margin-top' value on the child.

Chrome version of this bug:
https://bugs.chromium.org/p/chromium/issues/detail?id=810231

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20180208/85396387/attachment.html>