Bug 151862 - null right margins on floated elements/grids
Summary: null right margins on floated elements/grids
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 9
Hardware: iPhone / iPad OS X 10.10
: P2 Major
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2015-12-04 08:59 PST by Matteo Pescarin
Modified: 2015-12-04 09:00 PST (History)
1 user (show)

See Also:


Attachments
Midori - rendering error (166.89 KB, image/png)
2015-12-04 08:59 PST, Matteo Pescarin
no flags Details
Midori - rendering error after refresh (175.74 KB, image/png)
2015-12-04 09:00 PST, Matteo Pescarin
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Matteo Pescarin 2015-12-04 08:59:29 PST
Created attachment 266627 [details]
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:
http://jsfiddle.net/p0w8fbdm/

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.
Comment 1 Matteo Pescarin 2015-12-04 09:00:21 PST
Created attachment 266628 [details]
Midori - rendering error after refresh