{"action":"created","issue":{"url":"https://api.github.com/repos/silviomoreto/bootstrap-select/issues/1422","repository_url":"https://api.github.com/repos/silviomoreto/bootstrap-select","labels_url":"https://api.github.com/repos/silviomoreto/bootstrap-select/issues/1422/labels{/name}","comments_url":"https://api.github.com/repos/silviomoreto/bootstrap-select/issues/1422/comments","events_url":"https://api.github.com/repos/silviomoreto/bootstrap-select/issues/1422/events","html_url":"https://github.com/silviomoreto/bootstrap-select/issues/1422","id":160855470,"number":1422,"title":"Position issue inside absolute scrolling container","user":{"login":"jeremyVignelles","id":3399355,"avatar_url":"https://avatars.githubusercontent.com/u/3399355?v=3","gravatar_id":"","url":"https://api.github.com/users/jeremyVignelles","html_url":"https://github.com/jeremyVignelles","followers_url":"https://api.github.com/users/jeremyVignelles/followers","following_url":"https://api.github.com/users/jeremyVignelles/following{/other_user}","gists_url":"https://api.github.com/users/jeremyVignelles/gists{/gist_id}","starred_url":"https://api.github.com/users/jeremyVignelles/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jeremyVignelles/subscriptions","organizations_url":"https://api.github.com/users/jeremyVignelles/orgs","repos_url":"https://api.github.com/users/jeremyVignelles/repos","events_url":"https://api.github.com/users/jeremyVignelles/events{/privacy}","received_events_url":"https://api.github.com/users/jeremyVignelles/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":25,"created_at":"2016-06-17T10:11:00Z","updated_at":"2016-08-09T21:51:57Z","closed_at":"2016-08-04T23:44:03Z","body":"I am using select-picker in a page where I have a navbar and a main area which is in `position:absolute` and `overflow-y:auto`.\r\n\r\nWhen I use a select picker with a long list of items, the select is positioned outside my main area, which make it appear as if it was under my navbar.\r\n\r\nSee this fiddle: https://jsfiddle.net/up7t3y3q/1/\r\n\r\nSteps to reproduce:\r\n\r\nresize the \"run\" area in jsfiddle so that there is not enough space for the selects to drop down.\r\nOpen the first select-picker, it will drop up, but is cropped.\r\nOpen the second (`data-container=\"body\"`) : it is correctly placed and can go over the navbar. Try to scroll : The picker does not follow\r\nOpen the third (`data-container=\".my-container\"`) : incorrectly placed. Its position seems to depend on the scroll.\r\n\r\nWhat I expect: \r\nI'm ok with the first two behaviors, this is by-design. Limiting the height of the `dropdown-menu` to the height available inside the closest item having an `overflow` css property could be rather complex.\r\n\r\nThe third behavior however seems to be a bug for me, as the `.dropdown-menu` placement is completely wrong. Would you like me to make a PR?"},"comment":{"url":"https://api.github.com/repos/silviomoreto/bootstrap-select/issues/comments/238703550","html_url":"https://github.com/silviomoreto/bootstrap-select/issues/1422#issuecomment-238703550","issue_url":"https://api.github.com/repos/silviomoreto/bootstrap-select/issues/1422","id":238703550,"user":{"login":"caseyjhol","id":2874325,"avatar_url":"https://avatars.githubusercontent.com/u/2874325?v=3","gravatar_id":"","url":"https://api.github.com/users/caseyjhol","html_url":"https://github.com/caseyjhol","followers_url":"https://api.github.com/users/caseyjhol/followers","following_url":"https://api.github.com/users/caseyjhol/following{/other_user}","gists_url":"https://api.github.com/users/caseyjhol/gists{/gist_id}","starred_url":"https://api.github.com/users/caseyjhol/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/caseyjhol/subscriptions","organizations_url":"https://api.github.com/users/caseyjhol/orgs","repos_url":"https://api.github.com/users/caseyjhol/repos","events_url":"https://api.github.com/users/caseyjhol/events{/privacy}","received_events_url":"https://api.github.com/users/caseyjhol/received_events","type":"User","site_admin":false},"created_at":"2016-08-09T21:51:57Z","updated_at":"2016-08-09T21:51:57Z","body":"@marianopeck Can you provide a working example? Perhaps substitute setTimeout to simulate the AJAX request. Hard to see what's going on without getting a better look at your code."}}
{"actor":{"display_login":"caseyjhol"}}