[Webkit-unassigned] [Bug 191308] New: CSS grid elements with justify-content: space-around have extra whitespace, sometimes a lot

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Tue Nov 6 08:49:19 PST 2018


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

            Bug ID: 191308
           Summary: CSS grid elements with justify-content: space-around
                    have extra whitespace, sometimes a lot
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: jfernandez at igalia.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Steps to reproduce the problem:
1. Create a grid element where the total width of the columns is less than the width of the element itself.
2. Add justify-content: space-around to the grid element.
3. Add a child element with a large amount of text, and assign a very narrow overall width on the grid element, as if it were a mobile layout. This makes the bug more pronounced and easier to see.

What is the expected behavior?
The child element should only be as tall as the text inside it, as seen in Firefox.

What went wrong?
A gap appears at the bottom the child element, after the text.

-- 
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/20181106/ade557cb/attachment.html>


More information about the webkit-unassigned mailing list