{"action":"created","issue":{"url":"https://api.github.com/repos/ng-bootstrap/ng-bootstrap/issues/621","repository_url":"https://api.github.com/repos/ng-bootstrap/ng-bootstrap","labels_url":"https://api.github.com/repos/ng-bootstrap/ng-bootstrap/issues/621/labels{/name}","comments_url":"https://api.github.com/repos/ng-bootstrap/ng-bootstrap/issues/621/comments","events_url":"https://api.github.com/repos/ng-bootstrap/ng-bootstrap/issues/621/events","html_url":"https://github.com/ng-bootstrap/ng-bootstrap/issues/621","id":172688451,"number":621,"title":"Tooltip position issue","user":{"login":"Quinn-L","id":12935360,"avatar_url":"https://avatars.githubusercontent.com/u/12935360?v=3","gravatar_id":"","url":"https://api.github.com/users/Quinn-L","html_url":"https://github.com/Quinn-L","followers_url":"https://api.github.com/users/Quinn-L/followers","following_url":"https://api.github.com/users/Quinn-L/following{/other_user}","gists_url":"https://api.github.com/users/Quinn-L/gists{/gist_id}","starred_url":"https://api.github.com/users/Quinn-L/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Quinn-L/subscriptions","organizations_url":"https://api.github.com/users/Quinn-L/orgs","repos_url":"https://api.github.com/users/Quinn-L/repos","events_url":"https://api.github.com/users/Quinn-L/events{/privacy}","received_events_url":"https://api.github.com/users/Quinn-L/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/ng-bootstrap/ng-bootstrap/labels/component:%20tooltip","name":"component: tooltip","color":"ffffff"},{"url":"https://api.github.com/repos/ng-bootstrap/ng-bootstrap/labels/needs:%20investigation","name":"needs: investigation","color":"eb6420"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-08-23T12:40:26Z","updated_at":"2016-08-23T20:30:34Z","closed_at":null,"body":"ng-bootstrap: 1.0.0-alpha.2\r\nBootstrap: 4.0.0-alpha.3\r\n\r\nI am using the modal CSS from bootstrap, and have noticed the position of the tooltip does not get calculated properly when the modal content has scroll bars.\r\n\r\nExcuse the lack of plunkr, however this can be demonstrated, even without the complete modal setup, on the tooltip demo page by wrapping the first button in the `Quick and easy tooltips` section with the following elements like this:\r\n```\r\n<div class=\"modal-content\" style=\"height:200px; overflow-y:auto\">\r\n  <div style=\"height:180px\">\r\n  </div>\r\n  <button type=\"button\" class=\"btn btn-secondary\" placement=\"top\" ngbTooltip=\"Tooltip on top\">\r\n    Tooltip on top\r\n  </button>\r\n</div>\r\n```\r\nThe gap between the target element and the tooltip gets larger as depending on how far down you scroll down.\r\n"},"comment":{"url":"https://api.github.com/repos/ng-bootstrap/ng-bootstrap/issues/comments/241867946","html_url":"https://github.com/ng-bootstrap/ng-bootstrap/issues/621#issuecomment-241867946","issue_url":"https://api.github.com/repos/ng-bootstrap/ng-bootstrap/issues/621","id":241867946,"user":{"login":"RobJacobs","id":4559806,"avatar_url":"https://avatars.githubusercontent.com/u/4559806?v=3","gravatar_id":"","url":"https://api.github.com/users/RobJacobs","html_url":"https://github.com/RobJacobs","followers_url":"https://api.github.com/users/RobJacobs/followers","following_url":"https://api.github.com/users/RobJacobs/following{/other_user}","gists_url":"https://api.github.com/users/RobJacobs/gists{/gist_id}","starred_url":"https://api.github.com/users/RobJacobs/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/RobJacobs/subscriptions","organizations_url":"https://api.github.com/users/RobJacobs/orgs","repos_url":"https://api.github.com/users/RobJacobs/repos","events_url":"https://api.github.com/users/RobJacobs/events{/privacy}","received_events_url":"https://api.github.com/users/RobJacobs/received_events","type":"User","site_admin":false},"created_at":"2016-08-23T20:30:34Z","updated_at":"2016-08-23T20:30:34Z","body":"@Quinn-L Could you try adding 'position: relative' to your div with the 'overflow-y: auto'."}}
{"actor":{"display_login":"RobJacobs"}}