sourcebitsllc / chocolatechip-ui

Mobile Web App Framework
www.chocolatechip-ui.com
MIT License
617 stars 88 forks source link

Grid do not work on Safari (iPad) #102

Closed RadekVala closed 9 years ago

RadekVala commented 10 years ago

I have tested grids on Mac and iOS Safari and have found, that within the CSS class .grid, the display: -webkit-flex; is missing. There is only display:flex; but these browsers do not support it. Simple solution should be adding the webkit css feature listed above.

sourcebits-robertbiggs commented 10 years ago

What version are you looking at? I see the following in chui.css:

.grid {
  display: -webkit-box;
  -webkit-box-orientation: horizontal;
  -webkit-box-align: stretch;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-align-items: stretch;
  display: -ms-flexbox;
  -ms-flex-direction: row;
  -ms-align-items: stretch;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

As you can see, this has:

So I'm not sure what you're talking about. Could you post code snippet of what you're seeing?

sourcebits-robertbiggs commented 9 years ago

From internal testing on iPad in iOS 7 all grid values are working as expected.