Ionic-framework: bug: previous page nav bar stays for a while until transition animation finish

[danaamiri]

hi, I'm trying to use ion-back-button on my nav bar and when I navigate to other pages everything goes fine. but my problem is that when I click on the back button in pushed page after showing prev page, the last pages nav header stays for a while until transition animation finish

is it a bug or if anyone knows how to solve this problem please tell me how to solve it

[michielcrabbe96]

I had the same problem in iOS mode. Turns out, it was just because you specifically need to specify your ion-toolbar directly inside your ion-header for the animation to work as expected. You can't put it inside a custom component.

[danaamiri]

it fixed when I moved my ion-toolbar to pages but is there any way that I can use a general custom component for the header?
@michielcrabbe96

[michielcrabbe96]

I have been struggling with this myself. But as far as I know of, it's not possible. If you want your back animation to work on iOS, that is.

On Android there should be no problems.

[danaamiri]

I had the same problem in iOS mode. Turns out, it was just because you specifically need to specify your ion-toolbar directly inside your ion-header for the animation to work as expected. You can't put it inside a custom component.

I have been struggling with this myself. But as far as I know of, it's not possible. If you want your back animation to work on iOS, that is.

On Android there should be no problems.

yes it's a challenging bug I think. btw thanks. I hope they fix it soon

[liamdebeasi]

Thanks for the issue. I am going to close this as a duplicate of https://github.com/ionic-team/ionic/issues/18130.

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.