search

mobify / stencil

DEPRECIATED - The latest Stencil development is currently taking place in the Adaptive.js repo.
MIT License
4 stars 0 forks source link

Grid component - Nested Grid Alignment - visual issues in iOS7.1 #43

Closed qa-derrick closed 10 years ago

qa-derrick commented 10 years ago

Nested Grid & Nested Grid with Gutters:

  1. Rotate device to landscape

Results: The nested objects do not properly align with the parent object

Expected: The parent and nested objects should be aligned

screenshot_2014_06_19_15_33_49

screenshot_2014_06_19_15_34_03

ry5n commented 10 years ago

This item mis-alignment is due to subpixel rounding errors in WebKit, and affects almost all grid systems and layout techniques, including the ones we use on all our sites now. The only workaround is to use a different layout technique that introduces significant complexity to the implementation. Since the type of grid in which these errors are noticeable are grids with irregular spans, and since these are mostly used for layout (where borders and backgrounds are rarely applied), I don’t think this is something to fix. We certainly don’t see it as a regular issue on existing projects. Until we do, I would suggest this is wontfix.

kpeatt commented 10 years ago

This is fixed in iOS8.

img_1870

ry5n commented 10 years ago

Good to know.