<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] Different width of grid container between initial load and refresh"
href="https://bugs.webkit.org/show_bug.cgi?id=163535">163535</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>[css-grid] Different width of grid container between initial load and refresh
</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>If you open the following Layout Test [1]:
LayoutTests/fast/css-grid-layout/grid-track-sizing-with-percentages-and-orthogonal-flows.html
The first time the width of the first grid container is 110px, but if you resize the window or reload the page, the width is 120px.
We should investigate why we're getting different results depending on the layout.
I tried to create a reduced test case but it seems that I cannot reproduce it without the JavaScript involved on the test.
I managed to reproduce it inside JS Bin too (resize the output frame to see it):
<a href="http://jsbin.com/milawa/edit?html,output">http://jsbin.com/milawa/edit?html,output</a>
[1] <a href="https://trac.webkit.org/browser/trunk/LayoutTests/fast/css-grid-layout/grid-track-sizing-with-percentages-and-orthogonal-flows.html">https://trac.webkit.org/browser/trunk/LayoutTests/fast/css-grid-layout/grid-track-sizing-with-percentages-and-orthogonal-flows.html</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>