Nav animations for ion-footer-bar and ion-header-bar

dbaq · January 7, 2017, 10:36pm

I made you a github repo so you can see the issue. Please take a look at https://github.com/dbaq/ionfooteranimation-issue, you can also check this out on ionic view: 04765748 (with iOS only, android works).

The difference between page2 and page3 is that I am using a custom component:

page2:

custom component:

github.com

dbaq/ionfooteranimation-issue/blob/master/src/components/custom.ts#L5


import { Component } from '@angular/core';


@Component({
selector: 'custom',
template: `<div style="height:40px; width:100%; background-color: red; color: white">:(</div>`
})
export class Custom {}

page3:

github.com

dbaq/ionfooteranimation-issue/blob/master/src/pages/page3/page3.html#L12-L14


<ion-footer>
<div style="height:40px; width:100%; background-color: red; color: white">:(</div>
</ion-footer>

The result is that page2 footer content is not animated, page3 is.

What should I do in this case?

Thanks for your help.