[Webkit-unassigned] [Bug 207486] New: Flex content alignment is displayed differently in Chromium-based browsers and Safari.

[bugzilla-daemon at webkit.org]

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

            Bug ID: 207486
           Summary: Flex content alignment is displayed differently in
                    Chromium-based browsers and Safari.
           Product: WebKit
           Version: Safari 13
          Hardware: Macintosh
                OS: macOS 10.14
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: bpallares0402 at gmail.com

Browsers where the Issue has been tested:

Safari: 13.0.5
Chrome: 80.0.3987.87
Firefox 72.0.2

What steps will reproduce the problem?
1. Go to https://codepen.io/bpallares/pen/MWwwmJW In both Chrome or Firefox, and Safari
2. Notice how Safari displays the whole content as full width and Chrome doesn't

What is the expected result?

All browsers should match the same styling.


What happens instead?

Safari and Chrome displays different widths. 

https://i.imgur.com/N9PAWlp.png - Chrome, Firefox
https://i.imgur.com/r3oXXno.png - Safari

-- 
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/20200210/b953b7b7/attachment-0001.htm>