<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - [css-grid] Content Alignment broken with indefinite sized grid container"
href="https://bugs.webkit.org/show_bug.cgi?id=163724">163724</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>[css-grid] Content Alignment broken with indefinite sized grid container
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>WebKit Nightly Build
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Unspecified
</td>
</tr>
<tr>
<th>OS</th>
<td>Unspecified
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>Layout and Rendering
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>jfernandez@igalia.com
</td>
</tr>
<tr>
<th>CC</th>
<td>simon.fraser@apple.com
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=292172" name="attach_292172" title="Test case to reproduce the issue.">attachment 292172</a> <a href="attachment.cgi?id=292172&action=edit" title="Test case to reproduce the issue.">[details]</a></span>
Test case to reproduce the issue.
When the grid container has indefinite width or height the Content Alignment properties (align-content and justify-content) don't work as expected.
It seems that we are not computing correctly the available free space when the container has indefinite size. That issue is affecting how we deal with Overflow Alignment on the align-content and justify-content properties.
In order to reproduce the issue, just load the attached test case and see how it behaves in the first grid, which is alignment using align-content: end.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>