question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bug: per-page transition not working on swipe to go back

See original GitHub issue

Bug Report

Ionic version:

[ ] 4.x [x] 5.x

Current behavior:

Using the back button works fine. But if I use swipe to go back it uses the default transition.

Expected behavior:

The custom transition should also work when using swipe to go back.

Steps to reproduce:

For this example I used the android transition on an iOS App as custom per-page transition. On button click: Custom transition works On back button click: Custom transition works On swipe to go back: Custom transition doesn’t work. It falls back to the default iOS transition

Video preview: https://streamable.com/7vnoq3 Sample project: https://github.com/mariusbolik/ionic-custom-page-transition

Related code:

async openPage() {
  await this.navController.navigateForward('/about', {
    animation: mdTransitionAnimation
  });
}

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
mariusbolikcommented, Jul 8, 2020

Works perfectly! Thank you very much!

0reactions
ionitron-bot[bot]commented, Aug 9, 2020

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.

Read more comments on GitHub >

github_iconTop Results From Across the Web

swipe transition changepage jquery mobile - Stack Overflow
I have a problem with jQueryMobile, i search for answer many hours and nothing works :( I have power by making a swipe...
Read more >
Has the behavior of asymmetric transitions changed in SwiftUI ...
When you swipe pages I want to insert/remove another view with an animation/transition, matching the page swipe direction. Since it's much easier to...
Read more >
Untitled
Fixed a bug where Slide Links did not work without existing layers. Fixed some Backend CSS Issues for RTL / LTR View; Fallback...
Read more >
Untitled
Fixed a bug where Slide Links did not work without existing layers. Fixed some Backend CSS Issues for RTL / LTR View; Fallback...
Read more >
Transition - Semantic UI
A transition is an animation usually used to move content in or out of view. ... An element can appear to slide in...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found