Grid renders slightly differently on Safari #40

Closed
cvrebert opened this Issue Aug 8, 2014 · 2 comments

Projects

None yet

2 participants

@cvrebert
Contributor
cvrebert commented Aug 8, 2014

Example: http://jsfiddle.net/wyrefkmg/4/

OS X Chrome (which is nearly identical to OS X Firefox):
chrome

Safari v7.0.5 on OS X 10.9.4:
safari

Note how the 6 and the 7 aren't aligned, and how there's extra blue padding on the right edge of the first row.

@JimBobSquarePants
Member

Yeah... Safari's rounding errors are a nightmare and is a browser bug rather than a framework one as it would affect any percentile based grid system

There's not really a huge amount that can be done at present; the grid calculations are correct. Adding push or push-{grid range} to the last column would even things out a little but it's a bit hacky for my liking.

I should document it though to make sure people are aware of the issue. Fingers crossed Apple will do a better job with upcoming releases.

@cvrebert
Contributor

Fixed by c123be3

@cvrebert cvrebert closed this Aug 13, 2014
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment