<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-align] Initial values are parsed as invalid for some Alignment properties"
href="https://bugs.webkit.org/show_bug.cgi?id=161303">161303</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>[css-align] Initial values are parsed as invalid for some Alignment properties
</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>CSS
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>jfernandez@igalia.com
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=287241" name="attach_287241" title="Test case to reproduce the issue.">attachment 287241</a> <a href="attachment.cgi?id=287241&action=edit" title="Test case to reproduce the issue.">[details]</a></span>
Test case to reproduce the issue.
The CSS Box Alignment specification defines a new syntax for align-self/align-items, justify-self/justify-items and align-content/justify-content CSS properties. This new syntax include new values, some of them not valid following the old syntax defined in the CSS Flexible box specification for some of these properties.
Due to the patch landed for fixing <a class="bz_bug_link
bz_status_RESOLVED bz_closed"
title="RESOLVED FIXED - Should never be reached failure in WebCore::RenderFlexibleBox::alignChildren"
href="show_bug.cgi?id=151591">bug #151591</a> we are now sure that the parsing logic for the new syntax is only used when the CSS Grid Layout is enabled, since this new layout model defines its alignment procedures based on the mentioned CSS properties.
So, the case is that for some properties, like align-items in the attached test case, the initial value is parsed as invalid.</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>