Liquid-fire animations in nested routes

Design
1

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?

2

try from index

this.fromRoute('post.index'),

http://ember-animation.github.io/liquid-fire/#/cookbook

3

Hi,

Many thanks for getting back - that works - many thanks!