Liquid-fire animations in nested routes

@therealbenhogan wrote:

Hi,

Trying to animate a page transition in a nested route - for example post and post.item here is the route definition

 this.route('post', function() {
    this.route('item',{path:'/:id'});
 });

In my transitions.js file I have

export default function() {
   this.transition(
     this.fromRoute('post'),
     this.toRoute('post.item'),
     this.use('toLeft'),
     this.reverse('toRight'),
   );
 };

However, when I move between routes no transitions are taking place.

Have added {{liquid-outlet}} in the post template.

Any ideas where I'm going wrong?

Posts: 2

Participants: 2

Read full topic