The parent container contains a grid with couple rows, cols, and a nested component within.
<ion-grid> <ion-row> <ion-col> <my-component [data]="things"></my-component> </ion-col> </ion-row> </ion-grid>
isn’t rendering on iPad in either chrome, or safari. It contains a wrapping ion-scroll container. It only shows about a 20px glimpse of it. When I take a look, the child component doesn’t have a height set, so I’ve added flex: 1 1 auto; to the row, then added height: 100% to my-compnent, and then height: inherit to the ion-scroll, and this makes it render on every single device/resolution except for iPad.
Here is a link to the result. The bar gray atop is my-component not fully rendering. - https://imagebin.ca/v/3iBDlI2rYGKw