The router-direct docs have a page on animation on routing lifecycle events but the same does not exist for router(-lite). The example swaps the animation based on whether the user is navigating backwards but I can’t seem to find where the equivalent of navigation.navigation.back is in router(-lite).
Any help appreciated.
Hi @davidsk, here is a working example: router - animation example - StackBlitz.
I will try to write some docs about this. Thank you for pointing it out. Since you are already using animating the routes, if you want to showcase a better example or contribute to the docs for the matter, feel free to do so.
Hi @Sayan751
I’m just trying to get a handle on the animation support in Aurelia, if I come up with a better example I’ll be sure to raise a PR!
The stackblitz you posted doesn’t demonstrate how to determine whether the user has navigated backwards, which is what I was really asking. Incidentally, the animateOut doesn’t seem to be applied, tweaking it slightly suggests that the something is happening for the duration but the content isn’t animated, just disappears when the route is changed.
Hi @davidsk, I tried to find a workaround for this. But I understand that the current state does not offer good infra for detecting history forward or back events. Hence, I have crated a feature request to track and implement that.