[Webkit-unassigned] [Bug 199648] New: CSS Grid `align-items: baseline; ` with scaled images results in excessive top whitespace

[bugzilla-daemon at webkit.org]

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

            Bug ID: 199648
           Summary: CSS Grid `align-items: baseline;` with scaled images
                    results in excessive top whitespace
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: All
                OS: macOS 10.14
            Status: NEW
          Severity: Blocker
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: drichman at apple.com

Created attachment 373795

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

Reduction of CSS Grid issue

Summary:
A horizontal CSS Grid-based shelf with (%) percent-based scaled-width images and `align-items: baseline;` will result in excessive container size.

Tested in Safari Technology Preview, Release 86 (Safari 13.0, WebKit 14608.1.30.2)

Steps To Reproduce:
1. Open attached `grid-image-align-reduction.html`
2. Observe excessive space above images.

Results:
There should be no space between the top of the tallest image and the top of the window. The tallest image should align to the top of the window.

Regression:
When this was reduced, it became clear that giving the images a `%` width value (to scale to the width of their grid containers) is what triggered the `align-items: baseline;` bug. If you define a pixel-based width on the images, the bug is not triggered.

-- 
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/20190709/0454ff1f/attachment-0001.html>