{"action":"created","issue":{"url":"https://api.github.com/repos/mzabriskie/react-draggable/issues/11","labels_url":"https://api.github.com/repos/mzabriskie/react-draggable/issues/11/labels{/name}","comments_url":"https://api.github.com/repos/mzabriskie/react-draggable/issues/11/comments","events_url":"https://api.github.com/repos/mzabriskie/react-draggable/issues/11/events","html_url":"https://github.com/mzabriskie/react-draggable/issues/11","id":41480501,"number":11,"title":"draggable within another draggable","user":{"login":"mukeshsoni","id":1042954,"avatar_url":"https://avatars.githubusercontent.com/u/1042954?v=3","gravatar_id":"","url":"https://api.github.com/users/mukeshsoni","html_url":"https://github.com/mukeshsoni","followers_url":"https://api.github.com/users/mukeshsoni/followers","following_url":"https://api.github.com/users/mukeshsoni/following{/other_user}","gists_url":"https://api.github.com/users/mukeshsoni/gists{/gist_id}","starred_url":"https://api.github.com/users/mukeshsoni/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mukeshsoni/subscriptions","organizations_url":"https://api.github.com/users/mukeshsoni/orgs","repos_url":"https://api.github.com/users/mukeshsoni/repos","events_url":"https://api.github.com/users/mukeshsoni/events{/privacy}","received_events_url":"https://api.github.com/users/mukeshsoni/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2014-08-29T08:30:41Z","updated_at":"2015-06-17T03:52:07Z","closed_at":"2014-10-21T05:55:01Z","body":"I have a use case where one draggable can be within another draggable and so on. I have positioned the elements as 'absolute'. When i move a child draggable element, the parents left+top are also changed and it moves too. I have also tried attaching handles for each element (by class name), but to no affect. Is it possible to move the child element independently?"},"comment":{"url":"https://api.github.com/repos/mzabriskie/react-draggable/issues/comments/112642622","html_url":"https://github.com/mzabriskie/react-draggable/issues/11#issuecomment-112642622","issue_url":"https://api.github.com/repos/mzabriskie/react-draggable/issues/11","id":112642622,"user":{"login":"YottaSecond","id":2925265,"avatar_url":"https://avatars.githubusercontent.com/u/2925265?v=3","gravatar_id":"","url":"https://api.github.com/users/YottaSecond","html_url":"https://github.com/YottaSecond","followers_url":"https://api.github.com/users/YottaSecond/followers","following_url":"https://api.github.com/users/YottaSecond/following{/other_user}","gists_url":"https://api.github.com/users/YottaSecond/gists{/gist_id}","starred_url":"https://api.github.com/users/YottaSecond/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/YottaSecond/subscriptions","organizations_url":"https://api.github.com/users/YottaSecond/orgs","repos_url":"https://api.github.com/users/YottaSecond/repos","events_url":"https://api.github.com/users/YottaSecond/events{/privacy}","received_events_url":"https://api.github.com/users/YottaSecond/received_events","type":"User","site_admin":false},"created_at":"2015-06-17T03:52:07Z","updated_at":"2015-06-17T03:52:07Z","body":"For anbody reading this who is trying to drag one Draggable component inside another without moving both, you can implement handleStart like this:\r\n<code>\r\nhandleStart(e, ui){\r\n  e.stopPropagation();\r\n}\r\n</code>\r\nThat will stop the drag event from bubbling up to the parent, so that the child can be moved independently from the parent."}}