[Webkit-unassigned] [Bug 181645] New: Spanning Grid item has too much space at the bottom / is too high

[bugzilla-daemon at webkit.org]

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

            Bug ID: 181645
           Summary: Spanning Grid item has too much space at the bottom /
                    is too high
           Product: WebKit
           Version: Safari 11
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: tobi at tobireif.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 331329

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

Test-case by Fantasai - thanks!

Steps to reproduce the problem:

Open (the work-in-progress demo)
https://tobireif.com/demos/grid/ , 
set the viewport width to approximately 900px.
Scroll down. Notice that below the text "No HTML code needs to be changed" there's too much space inside that Grid item (element "main"), and that it's not cased eg by "margin" or "padding" values. (Perhaps it's the same size as the Grid gap?)

A stable copy of the page (in case the layout at the above URL changed and doesn't show the issue anymore) is at
https://tobireif.com/non_site_stuff/unfinished_grid_demo_copy_for_grid_span_bug_reports/ .

What is the expected behaviour?

There should be no superfluous space at the bottom of the spanning Grid item "main".

What went wrong?

There is superfluous space at the bottom of the spanning Grid item "main".

Same issue in Chrome and Firefox. Seems to be OK in Edge.

-- 
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/20180115/a43a03e0/attachment-0001.html>