zurb / foundation-apps

The first front-end framework created for developing fully responsive web apps.
http://foundation.zurb.com/apps
MIT License
1.58k stars 216 forks source link

size-up-# broken on iOS #761

Closed soumak77 closed 8 years ago

soumak77 commented 8 years ago

The usage of the size-up-# utility classes (e.g. small-up-2) is broken on iOS. When used, it causes all children elements to be hidden. In order to achieve the desired layout on all OS, the following equivalent markup must be used:

<div class="grid-block wrap">
  <div class="grid-content small-6"></div>
  <div class="grid-content small-6"></div>
  ...
</div>
soumak77 commented 8 years ago

This was incorrectly reported. I had the markup within a form that was not tagged as grid-block, causing issues on iOS.