<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 Layout] Layout is wrong for flex factor sum between 0 and 1"
href="https://bugs.webkit.org/show_bug.cgi?id=148645">148645</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>[CSS Grid Layout] Layout is wrong for flex factor sum between 0 and 1
</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></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=260313" name="attach_260313" title="test to reproduce the issue">attachment 260313</a> <a href="attachment.cgi?id=260313&action=edit" title="test to reproduce the issue">[details]</a></span>
test to reproduce the issue
Steps to reproduce the problem:
1. load the attached HTML file
2.
3.
What is the expected behavior?
The columns in the 2nd grid should only extend to about 60%
(0.1 + 0.2 + 0.3) of the page width.
What went wrong?
The two grid containers renders exactly the same which demonstrates that Chrome scales up the flex sizes so that their sum is 1. This is wrong per the Grid spec.
<a href="https://drafts.csswg.org/css-grid/#algo-flex-tracks">https://drafts.csswg.org/css-grid/#algo-flex-tracks</a></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>