[Webkit-unassigned] [Bug 174969] New: `contents` value for display breaks layout in unexpected ways.

[bugzilla-daemon at webkit.org]

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

            Bug ID: 174969
           Summary: `contents` value for display breaks layout in
                    unexpected ways.
           Product: WebKit
           Version: Safari 10
          Hardware: Macintosh
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: praveenpuglia at gmail.com

Created attachment 316707

  --> https://bugs.webkit.org/attachment.cgi?id=316707&action=review

Layout break when using display:contents

Here's a simple test case. The pen is by Rachel Andrew. I was unable to find if this was already reported here so posting it.

Safari 10 doesn't understand what display: flow-root is so it skips it and uses the default display value of a div (which is block) to render things as necessary. So it doesn't break the layout.

However, when the `contents` value is applied to display, it miserably breaks the layout. The attachment shows it all

https://codepen.io/rachelandrew/pen/rxvMWG

-- 
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/20170729/07e4f0b6/attachment-0001.html>