<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 - null right margins on floated elements/grids"
href="https://bugs.webkit.org/show_bug.cgi?id=151862">151862</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>null right margins on floated elements/grids
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>Safari 9
</td>
</tr>
<tr>
<th>Hardware</th>
<td>iOS
</td>
</tr>
<tr>
<th>OS</th>
<td>Mac OS X 10.10
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Major
</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>peach@smartart.it
</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=266627" name="attach_266627" title="Midori - rendering error">attachment 266627</a> <a href="attachment.cgi?id=266627&action=edit" title="Midori - rendering error">[details]</a></span>
Midori - rendering error
This is an intermittent layout error.
I had it first on iOS with Safari latest stable version, and I've managed to replicate it using Midori latest stable version on Arch (0.5.11).
The sample markup + CSS that causes it can be found at the following address:
<a href="http://jsfiddle.net/p0w8fbdm/">http://jsfiddle.net/p0w8fbdm/</a>
When refreshing, sometimes it will correct it. On Safari it seems to happen more frequently.
I've also attached two screenshots of subsequent reloads of the above code in Midori.
I've been suggested to fix this behaviour using border-box as box-sizing, but it doesn't seem to be the right solution for it.
Any hints are greatly appreciated.</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>