{"action":"closed","issue":{"url":"https://api.github.com/repos/angular-ui/bootstrap/issues/4466","labels_url":"https://api.github.com/repos/angular-ui/bootstrap/issues/4466/labels{/name}","comments_url":"https://api.github.com/repos/angular-ui/bootstrap/issues/4466/comments","events_url":"https://api.github.com/repos/angular-ui/bootstrap/issues/4466/events","html_url":"https://github.com/angular-ui/bootstrap/issues/4466","id":108160256,"number":4466,"title":"dropdown, adding \"open\" to body for append-to-body has side effects","user":{"login":"jaydiablo","id":136907,"avatar_url":"https://avatars.githubusercontent.com/u/136907?v=3","gravatar_id":"","url":"https://api.github.com/users/jaydiablo","html_url":"https://github.com/jaydiablo","followers_url":"https://api.github.com/users/jaydiablo/followers","following_url":"https://api.github.com/users/jaydiablo/following{/other_user}","gists_url":"https://api.github.com/users/jaydiablo/gists{/gist_id}","starred_url":"https://api.github.com/users/jaydiablo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jaydiablo/subscriptions","organizations_url":"https://api.github.com/users/jaydiablo/orgs","repos_url":"https://api.github.com/users/jaydiablo/repos","events_url":"https://api.github.com/users/jaydiablo/events{/privacy}","received_events_url":"https://api.github.com/users/jaydiablo/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/angular-ui/bootstrap/labels/component:%20dropdown","name":"component: dropdown","color":"ffffff"}],"state":"closed","locked":false,"assignee":{"login":"wesleycho","id":1703387,"avatar_url":"https://avatars.githubusercontent.com/u/1703387?v=3","gravatar_id":"","url":"https://api.github.com/users/wesleycho","html_url":"https://github.com/wesleycho","followers_url":"https://api.github.com/users/wesleycho/followers","following_url":"https://api.github.com/users/wesleycho/following{/other_user}","gists_url":"https://api.github.com/users/wesleycho/gists{/gist_id}","starred_url":"https://api.github.com/users/wesleycho/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wesleycho/subscriptions","organizations_url":"https://api.github.com/users/wesleycho/orgs","repos_url":"https://api.github.com/users/wesleycho/repos","events_url":"https://api.github.com/users/wesleycho/events{/privacy}","received_events_url":"https://api.github.com/users/wesleycho/received_events","type":"User","site_admin":false},"milestone":{"url":"https://api.github.com/repos/angular-ui/bootstrap/milestones/9","html_url":"https://github.com/angular-ui/bootstrap/milestones/1.0.0","labels_url":"https://api.github.com/repos/angular-ui/bootstrap/milestones/9/labels","id":528366,"number":9,"title":"1.0.0","description":"Rewrite in ES6","creator":{"login":"chrisirhc","id":132584,"avatar_url":"https://avatars.githubusercontent.com/u/132584?v=3","gravatar_id":"","url":"https://api.github.com/users/chrisirhc","html_url":"https://github.com/chrisirhc","followers_url":"https://api.github.com/users/chrisirhc/followers","following_url":"https://api.github.com/users/chrisirhc/following{/other_user}","gists_url":"https://api.github.com/users/chrisirhc/gists{/gist_id}","starred_url":"https://api.github.com/users/chrisirhc/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/chrisirhc/subscriptions","organizations_url":"https://api.github.com/users/chrisirhc/orgs","repos_url":"https://api.github.com/users/chrisirhc/repos","events_url":"https://api.github.com/users/chrisirhc/events{/privacy}","received_events_url":"https://api.github.com/users/chrisirhc/received_events","type":"User","site_admin":false},"open_issues":55,"closed_issues":90,"state":"open","created_at":"2014-01-07T00:22:46Z","updated_at":"2015-10-31T18:18:24Z","due_on":null,"closed_at":null},"comments":7,"created_at":"2015-09-24T15:56:03Z","updated_at":"2015-10-31T18:18:24Z","closed_at":"2015-10-31T18:18:24Z","body":"This was mentioned in #4240.  With the changes made to the append-to-body dropdowns in 0.13.4 (specifically adding the class \"open\" to the body element for these dropdowns), other components on the page may be affected, particularly in a bootstrap heavy application.\r\n\r\nIn my case, I'm using dangrossman's date range picker: https://github.com/dangrossman/bootstrap-daterangepicker\r\n\r\nHere's a plunkr demonstrating the issue:\r\n\r\nhttp://plnkr.co/edit/5QoR6ZAgZZcORpLWghFu?p=preview\r\n\r\nIf you click on the append-to-body dropdown there, you'll notice that the date range picker opens as well.  I believe it only happens if the date range picker hasn't been opened by clicking on it yet.\r\n\r\nThis happens because bootstrap has this defined for `.open > .dropdown-menu`:\r\nhttps://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_dropdowns.scss#L121\r\n\r\nThe date range picker is appended to body as well, so matches that selector (and has the dropdown-menu class defined on it).  This might be fixable via user-land CSS, but overall I think adding the \"open\" class is too general in an application that makes use of bootstrap compatible components.\r\n\r\nI don't know if it's possible to apply this \"open\" class to a different element, or possibly even store the dropdowns in a container that gets the class change.  That would probably be ideal.\r\n\r\nHowever, if that's not possible, would it be possible to be able to specify what class is used?  I noticed that \"open\" is defined in a constant here:\r\n\r\nhttps://github.com/angular-ui/bootstrap/blob/master/src/dropdown/dropdown.js#L3\r\n\r\nCould the library be modified so it's possible to define what this class is, perhaps through a provider?"}}