{"action":"created","issue":{"url":"https://api.github.com/repos/ef4/liquid-fire/issues/201","labels_url":"https://api.github.com/repos/ef4/liquid-fire/issues/201/labels{/name}","comments_url":"https://api.github.com/repos/ef4/liquid-fire/issues/201/comments","events_url":"https://api.github.com/repos/ef4/liquid-fire/issues/201/events","html_url":"https://github.com/ef4/liquid-fire/issues/201","id":60698662,"number":201,"title":"Nested route transitions not working","user":{"login":"James1x0","id":6146261,"avatar_url":"https://avatars.githubusercontent.com/u/6146261?v=3","gravatar_id":"","url":"https://api.github.com/users/James1x0","html_url":"https://github.com/James1x0","followers_url":"https://api.github.com/users/James1x0/followers","following_url":"https://api.github.com/users/James1x0/following{/other_user}","gists_url":"https://api.github.com/users/James1x0/gists{/gist_id}","starred_url":"https://api.github.com/users/James1x0/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/James1x0/subscriptions","organizations_url":"https://api.github.com/users/James1x0/orgs","repos_url":"https://api.github.com/users/James1x0/repos","events_url":"https://api.github.com/users/James1x0/events{/privacy}","received_events_url":"https://api.github.com/users/James1x0/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-03-11T17:46:13Z","updated_at":"2015-03-12T16:43:00Z","closed_at":null,"body":"Using latest master because of #190.\r\n\r\nSeems as though my nested outlet isn't handled?\r\n\r\napplication.hbs ->\r\n```handlebars\r\n{{liquid-outlet class=\"transition-container\"}}\r\n```\r\nmy-route.hbs ->\r\n```handlebars\r\n{{liquid-outlet class=\"my-route--nested-transition-container\"}}\r\n```\r\ntransitions.js ->\r\n```javascript\r\n// Triggers top-level animation container :(\r\nthis.transition(\r\n  this.withinRoute('my-route'),\r\n  this.use('someAnimation')\r\n);\r\n\r\n// Would expect this to work because hasClass('transition-container') works\r\nthis.transition(\r\n  this.hasClass('my-route--nested-transition-container'),\r\n  this.withinRoute('my-route'),\r\n  this.use('someAnimation')\r\n);\r\n```\r\n\r\nWhat am I doing wrong, or is this behavior expected?"},"comment":{"url":"https://api.github.com/repos/ef4/liquid-fire/issues/comments/78521949","html_url":"https://github.com/ef4/liquid-fire/issues/201#issuecomment-78521949","issue_url":"https://api.github.com/repos/ef4/liquid-fire/issues/201","id":78521949,"user":{"login":"James1x0","id":6146261,"avatar_url":"https://avatars.githubusercontent.com/u/6146261?v=3","gravatar_id":"","url":"https://api.github.com/users/James1x0","html_url":"https://github.com/James1x0","followers_url":"https://api.github.com/users/James1x0/followers","following_url":"https://api.github.com/users/James1x0/following{/other_user}","gists_url":"https://api.github.com/users/James1x0/gists{/gist_id}","starred_url":"https://api.github.com/users/James1x0/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/James1x0/subscriptions","organizations_url":"https://api.github.com/users/James1x0/orgs","repos_url":"https://api.github.com/users/James1x0/repos","events_url":"https://api.github.com/users/James1x0/events{/privacy}","received_events_url":"https://api.github.com/users/James1x0/received_events","type":"User","site_admin":false},"created_at":"2015-03-12T16:43:00Z","updated_at":"2015-03-12T16:43:00Z","body":"@ef4\r\nTransitioning to `my-route.edit` from `my-route.index`\r\n\r\n```\r\n[liquid-fire] Checking transition rules for <div id=​\"ember1962\" class=​\"ember-view liquid-container my-route--nested-transition-container\">​…​</div>​\r\nconstraints.js:148 [liquid-fire rule 3] rejected because oldRoute was\r\nconstraints.js:148 [liquid-fire rule 3] rejected because newRoute was my-route.edit\r\nconstraints.js:148 [liquid-fire rule 3] rejected because firstTime was yes\r\nconstraints.js:81 [liquid-fire] Checking transition rules for <div id=​\"ember1252\" class=​\"ember-view liquid-container transition-container\">​…​</div>​\r\nconstraints.js:95 [liquid-fire rule 3] matched\r\n```\r\n\r\nMatches top level container using\r\n```javascript\r\n  this.transition(\r\n    this.hasClass('transition-container'),\r\n    this.fromRoute('blah'),\r\n    this.toRoute(['blah', 'blah']),\r\n    this.use('fade'),\r\n    this.reverse('fade')\r\n  );\r\n\r\n  this.transition(\r\n    this.debug(),\r\n    this.withinRoute('my-route'),\r\n    this.use('toLeft', { duration: 2000 })\r\n  );\r\n```\r\n\r\nIt ends up using the toLeft animation (the nested route's animation) on the top level container. :open_mouth: "}}