{"action":"created","issue":{"url":"https://api.github.com/repos/marceljuenemann/angular-drag-and-drop-lists/issues/69","labels_url":"https://api.github.com/repos/marceljuenemann/angular-drag-and-drop-lists/issues/69/labels{/name}","comments_url":"https://api.github.com/repos/marceljuenemann/angular-drag-and-drop-lists/issues/69/comments","events_url":"https://api.github.com/repos/marceljuenemann/angular-drag-and-drop-lists/issues/69/events","html_url":"https://github.com/marceljuenemann/angular-drag-and-drop-lists/issues/69","id":82026120,"number":69,"title":"How do I fix: Dragging tabs horizontally ","user":{"login":"michaelbdavidson7","id":6875673,"avatar_url":"https://avatars.githubusercontent.com/u/6875673?v=3","gravatar_id":"","url":"https://api.github.com/users/michaelbdavidson7","html_url":"https://github.com/michaelbdavidson7","followers_url":"https://api.github.com/users/michaelbdavidson7/followers","following_url":"https://api.github.com/users/michaelbdavidson7/following{/other_user}","gists_url":"https://api.github.com/users/michaelbdavidson7/gists{/gist_id}","starred_url":"https://api.github.com/users/michaelbdavidson7/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/michaelbdavidson7/subscriptions","organizations_url":"https://api.github.com/users/michaelbdavidson7/orgs","repos_url":"https://api.github.com/users/michaelbdavidson7/repos","events_url":"https://api.github.com/users/michaelbdavidson7/events{/privacy}","received_events_url":"https://api.github.com/users/michaelbdavidson7/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-05-28T16:51:57Z","updated_at":"2015-06-04T14:11:58Z","closed_at":null,"body":"When I'm dragging a tab in a horizontal list of tabs, instead of adding a placeholder tab within the list of tabs, dnd adds an li bullet above or below the list of tabs, which add the tab to either the front of the list or the second position in the list. Has anyone encountered this? What is creating those bullet points when I don't have an li involved at all? Thanks.\r\nI'm using angular bootstrap tabs. \r\nHere's the mockup:\r\n\r\n     tabset class=\"tab-container\" dnd-list=\"layout.tabs\">\r\n            <tab\r\n                 ng-repeat=\"tab in layout.tabs\"\r\n                 active=\"tab.active\"\r\n                 dnd-draggable=\"tab\"\r\n                 dnd-moved=\"layout.tabs.splice($index, 1)\"\r\n                 dnd-effect-allowed=\"move\"\r\n                 dnd-selected=\"layout.tabs.selected = tab\"\r\n                 tab-highlight>\r\n                <tab-heading id=\"tab-draggable\">\r\n                    <span>{{tab.title}}</span> <i class=\"glyphicon glyphicon-remove\" ng-click=\"removeTab($event, $index)\"></i>\r\n                </tab-heading> "},"comment":{"url":"https://api.github.com/repos/marceljuenemann/angular-drag-and-drop-lists/issues/comments/108910372","html_url":"https://github.com/marceljuenemann/angular-drag-and-drop-lists/issues/69#issuecomment-108910372","issue_url":"https://api.github.com/repos/marceljuenemann/angular-drag-and-drop-lists/issues/69","id":108910372,"user":{"login":"michaelbdavidson7","id":6875673,"avatar_url":"https://avatars.githubusercontent.com/u/6875673?v=3","gravatar_id":"","url":"https://api.github.com/users/michaelbdavidson7","html_url":"https://github.com/michaelbdavidson7","followers_url":"https://api.github.com/users/michaelbdavidson7/followers","following_url":"https://api.github.com/users/michaelbdavidson7/following{/other_user}","gists_url":"https://api.github.com/users/michaelbdavidson7/gists{/gist_id}","starred_url":"https://api.github.com/users/michaelbdavidson7/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/michaelbdavidson7/subscriptions","organizations_url":"https://api.github.com/users/michaelbdavidson7/orgs","repos_url":"https://api.github.com/users/michaelbdavidson7/repos","events_url":"https://api.github.com/users/michaelbdavidson7/events{/privacy}","received_events_url":"https://api.github.com/users/michaelbdavidson7/received_events","type":"User","site_admin":false},"created_at":"2015-06-04T14:11:58Z","updated_at":"2015-06-04T14:11:58Z","body":"The issue was with the Angular-UI Bootstrap tabs I was using, they have an isolated scope and therefore cannot be touched by the outside scope. I simply redid the tabs and I could drag and drop mostly normally, though its not perfectly horizontal yet.."}}