Ion-content goes under ion-footer

Hi everyone,

I have a strange issue in my Ionic 1 application. I have a homepage with an ion-footer component, it shows perfectly, but I also have a div (which is a ion-slide-box) that is positionned to be absolute and bottom 0 (so just before the footer). In most cases it just works but from time to time my ion-slide-box div goes under the footer, as if the absolute position was based on the whole page and not just the ion-content (or the content dont take the footer into account).

Has anyone experienced a problem like that ? Do I need to delay the apparition of the slide-box after the footer takes place ?

Thanks !

PS: this happens both in my Chrome browser and on iOS devices.

can you post your html structure and CSS for the issue? Or codepen it.

I was using this :

<ion-side-menu-content drag-content="false">
    <ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>
    <div ng-include="'templates/partials/footer.html'"></div>
</ion-side-menu-content>

And the slideshow was in my nav view (with a position absolute and bottom 0), but I replace the ng-include with the actual code of my footer and everything is ok now, i just see the slideshow starting at the very bottom of the page and then moving real quick to the right place, but it’s almost invisible so fine by me !

Thanks anyway :slight_smile: