{"action":"created","issue":{"url":"https://api.github.com/repos/marceljuenemann/angular-drag-and-drop-lists/issues/241","repository_url":"https://api.github.com/repos/marceljuenemann/angular-drag-and-drop-lists","labels_url":"https://api.github.com/repos/marceljuenemann/angular-drag-and-drop-lists/issues/241/labels{/name}","comments_url":"https://api.github.com/repos/marceljuenemann/angular-drag-and-drop-lists/issues/241/comments","events_url":"https://api.github.com/repos/marceljuenemann/angular-drag-and-drop-lists/issues/241/events","html_url":"https://github.com/marceljuenemann/angular-drag-and-drop-lists/issues/241","id":147884439,"number":241,"title":"Bootstrap dropdown does not work inside draggable element","user":{"login":"ianmh","id":1065963,"avatar_url":"https://avatars.githubusercontent.com/u/1065963?v=3","gravatar_id":"","url":"https://api.github.com/users/ianmh","html_url":"https://github.com/ianmh","followers_url":"https://api.github.com/users/ianmh/followers","following_url":"https://api.github.com/users/ianmh/following{/other_user}","gists_url":"https://api.github.com/users/ianmh/gists{/gist_id}","starred_url":"https://api.github.com/users/ianmh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ianmh/subscriptions","organizations_url":"https://api.github.com/users/ianmh/orgs","repos_url":"https://api.github.com/users/ianmh/repos","events_url":"https://api.github.com/users/ianmh/events{/privacy}","received_events_url":"https://api.github.com/users/ianmh/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-04-12T21:49:51Z","updated_at":"2016-04-15T20:43:24Z","closed_at":null,"body":"I'm assuming this is because the Bootstrap dropdowns  use list elements. Is there a workaround for this?"},"comment":{"url":"https://api.github.com/repos/marceljuenemann/angular-drag-and-drop-lists/issues/comments/210639021","html_url":"https://github.com/marceljuenemann/angular-drag-and-drop-lists/issues/241#issuecomment-210639021","issue_url":"https://api.github.com/repos/marceljuenemann/angular-drag-and-drop-lists/issues/241","id":210639021,"user":{"login":"ianmh","id":1065963,"avatar_url":"https://avatars.githubusercontent.com/u/1065963?v=3","gravatar_id":"","url":"https://api.github.com/users/ianmh","html_url":"https://github.com/ianmh","followers_url":"https://api.github.com/users/ianmh/followers","following_url":"https://api.github.com/users/ianmh/following{/other_user}","gists_url":"https://api.github.com/users/ianmh/gists{/gist_id}","starred_url":"https://api.github.com/users/ianmh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ianmh/subscriptions","organizations_url":"https://api.github.com/users/ianmh/orgs","repos_url":"https://api.github.com/users/ianmh/repos","events_url":"https://api.github.com/users/ianmh/events{/privacy}","received_events_url":"https://api.github.com/users/ianmh/received_events","type":"User","site_admin":false},"created_at":"2016-04-15T20:43:24Z","updated_at":"2016-04-15T20:43:24Z","body":"So I have narrowed down the issue to this piece of code. The event.stopPropagation(); is preventing events from registering with Bootstrap UI dropdowns. I have removed this line in my code but I'm not sure of the implications.\r\n\r\n`\r\n      /**\r\n       * When the element is clicked we invoke the callback function\r\n       * specified with the dnd-selected attribute.\r\n       */\r\n      element.on('click', function(event) {\r\n        if (!attr.dndSelected) return;\r\n\r\n        event = event.originalEvent || event;\r\n        scope.$apply(function() {\r\n          $parse(attr.dndSelected)(scope, {event: event});\r\n        });\r\n\r\n        // Prevent triggering dndSelected in parent elements.\r\n        event.stopPropagation();\r\n      });\r\n`\r\n[https://github.com/marceljuenemann/angular-drag-and-drop-lists/blob/master/angular-drag-and-drop-lists.js#L169](url)"}}