fa-animate-enter/fa-animate-leave causing issues with ui-router

This may just require updating the documentation, however I've noticed that when combining famo.us angular with ui-router and utilizing the animation enter and leave directives in the case of a parent with multiple child views (assuming a singular named ui-view for children), $done must be used and invoked on any transitionables, otherwise ui-router appears to append the content (all child views as you navigate will get get added together to the parent view rather than overriding the named ui-view).

Example

Root Page

<div ui-view="child" fa-animate-enter="enter($done)" fa-animate-leave="leave($leave)"></div>

Child 1

<fa-app>
   ... content page 1
</fa-app>

Child 2

<fa-app>
   ... content page 2
</fa-app>

Child 1 & Child 2 Controller

....
$scope.enter = function($done)
{
   o.set(1, {duration:250}, $done); // correct

}

$scope.leave = function($done)
{
   o.set(0, {duration:250}, $done); // correct
   o.set(1, {duration:250}); // incorrect, will cause this page to blead into next page
}

UI Router

           .state('root',
            {
                url: '/rootpage',
                 templateUrl: 'root.html',
                 controller: 'RootCtrl'
            })
            // list view
            .state('root.child1',
            {
                url: '/grid',
                views:
                {
                    'child' : {
                        templateUrl: 'child1.html',
                        controller: "Child1Ctrl"
                    }
                }

            })
            // grid view
            .state('root.child2',
            {
                url: '/list',
                views:
                {
                    "child" : {
                        templateUrl: 'child2.html',
                        controller: 'Child2Ctrl'
                    }
                }

            })

Famous / famous-angular