{"action":"created","issue":{"url":"https://api.github.com/repos/joshwcomeau/react-flip-move/issues/12","repository_url":"https://api.github.com/repos/joshwcomeau/react-flip-move","labels_url":"https://api.github.com/repos/joshwcomeau/react-flip-move/issues/12/labels{/name}","comments_url":"https://api.github.com/repos/joshwcomeau/react-flip-move/issues/12/comments","events_url":"https://api.github.com/repos/joshwcomeau/react-flip-move/issues/12/events","html_url":"https://github.com/joshwcomeau/react-flip-move/issues/12","id":136569260,"number":12,"title":"Nested <FlipMove> lists don't animate properly","user":{"login":"cameronhimself","id":1534628,"avatar_url":"https://avatars.githubusercontent.com/u/1534628?v=3","gravatar_id":"","url":"https://api.github.com/users/cameronhimself","html_url":"https://github.com/cameronhimself","followers_url":"https://api.github.com/users/cameronhimself/followers","following_url":"https://api.github.com/users/cameronhimself/following{/other_user}","gists_url":"https://api.github.com/users/cameronhimself/gists{/gist_id}","starred_url":"https://api.github.com/users/cameronhimself/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cameronhimself/subscriptions","organizations_url":"https://api.github.com/users/cameronhimself/orgs","repos_url":"https://api.github.com/users/cameronhimself/repos","events_url":"https://api.github.com/users/cameronhimself/events{/privacy}","received_events_url":"https://api.github.com/users/cameronhimself/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/joshwcomeau/react-flip-move/labels/bug","name":"bug","color":"fc2929"},{"url":"https://api.github.com/repos/joshwcomeau/react-flip-move/labels/enhancement","name":"enhancement","color":"84b6eb"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2016-02-26T01:34:21Z","updated_at":"2016-02-27T01:11:49Z","closed_at":null,"body":"I have a structure like this:\r\n\r\n    <FlipMove>\r\n        <div class=\"section\">\r\n            <FlipMove>\r\n                <div class=\"item\">...</div>\r\n                <div class=\"item\">...</div>\r\n                <div class=\"item\">...</div>\r\n            </FlipMove>\r\n        </div>\r\n        <div class=\"section\">\r\n            <FlipMove>\r\n                <div class=\"item\">...</div>\r\n                <div class=\"item\">...</div>\r\n                <div class=\"item\">...</div>\r\n            <FlipMove>\r\n        </div>\r\n    </FlipMove>\r\n\r\n(pretend everything has a unique key property)\r\n\r\nThe items animate correctly, but when a section is moved all of its child items animate as well, making for a confusing jumble of motion.\r\n\r\n(Incidentally, in my use case items can be moved between sections. When that happens the item snaps into the new section with no movement animation (the sections do animate to expand/contract, however). I don't really expect this component to support that kind of functionality, but I figured I'd mention it.)"},"comment":{"url":"https://api.github.com/repos/joshwcomeau/react-flip-move/issues/comments/189545255","html_url":"https://github.com/joshwcomeau/react-flip-move/issues/12#issuecomment-189545255","issue_url":"https://api.github.com/repos/joshwcomeau/react-flip-move/issues/12","id":189545255,"user":{"login":"joshwcomeau","id":6692932,"avatar_url":"https://avatars.githubusercontent.com/u/6692932?v=3","gravatar_id":"","url":"https://api.github.com/users/joshwcomeau","html_url":"https://github.com/joshwcomeau","followers_url":"https://api.github.com/users/joshwcomeau/followers","following_url":"https://api.github.com/users/joshwcomeau/following{/other_user}","gists_url":"https://api.github.com/users/joshwcomeau/gists{/gist_id}","starred_url":"https://api.github.com/users/joshwcomeau/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/joshwcomeau/subscriptions","organizations_url":"https://api.github.com/users/joshwcomeau/orgs","repos_url":"https://api.github.com/users/joshwcomeau/repos","events_url":"https://api.github.com/users/joshwcomeau/events{/privacy}","received_events_url":"https://api.github.com/users/joshwcomeau/received_events","type":"User","site_admin":false},"created_at":"2016-02-27T01:11:49Z","updated_at":"2016-02-27T01:11:49Z","body":"@IamNotUrKitty interesting! \r\n\r\nYeah, that's a good workaround, but really it shouldn't be necessary. I'm gonna see if I can find a way to account for it in the code base, but for now @cameronhimself, I would go with this solution."}}