{"action":"closed","issue":{"url":"https://api.github.com/repos/primefaces/primeng/issues/676","repository_url":"https://api.github.com/repos/primefaces/primeng","labels_url":"https://api.github.com/repos/primefaces/primeng/issues/676/labels{/name}","comments_url":"https://api.github.com/repos/primefaces/primeng/issues/676/comments","events_url":"https://api.github.com/repos/primefaces/primeng/issues/676/events","html_url":"https://github.com/primefaces/primeng/issues/676","id":168061533,"number":676,"title":"OverlayPanel - cannot use inside divs with position: relative","user":{"login":"Etchelon","id":4141889,"avatar_url":"https://avatars.githubusercontent.com/u/4141889?v=3","gravatar_id":"","url":"https://api.github.com/users/Etchelon","html_url":"https://github.com/Etchelon","followers_url":"https://api.github.com/users/Etchelon/followers","following_url":"https://api.github.com/users/Etchelon/following{/other_user}","gists_url":"https://api.github.com/users/Etchelon/gists{/gist_id}","starred_url":"https://api.github.com/users/Etchelon/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Etchelon/subscriptions","organizations_url":"https://api.github.com/users/Etchelon/orgs","repos_url":"https://api.github.com/users/Etchelon/repos","events_url":"https://api.github.com/users/Etchelon/events{/privacy}","received_events_url":"https://api.github.com/users/Etchelon/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/primefaces/primeng/labels/defect","name":"defect","color":"fc2929"}],"state":"closed","locked":false,"assignee":{"login":"cagataycivici","id":686247,"avatar_url":"https://avatars.githubusercontent.com/u/686247?v=3","gravatar_id":"","url":"https://api.github.com/users/cagataycivici","html_url":"https://github.com/cagataycivici","followers_url":"https://api.github.com/users/cagataycivici/followers","following_url":"https://api.github.com/users/cagataycivici/following{/other_user}","gists_url":"https://api.github.com/users/cagataycivici/gists{/gist_id}","starred_url":"https://api.github.com/users/cagataycivici/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cagataycivici/subscriptions","organizations_url":"https://api.github.com/users/cagataycivici/orgs","repos_url":"https://api.github.com/users/cagataycivici/repos","events_url":"https://api.github.com/users/cagataycivici/events{/privacy}","received_events_url":"https://api.github.com/users/cagataycivici/received_events","type":"User","site_admin":false},"assignees":[{"login":"cagataycivici","id":686247,"avatar_url":"https://avatars.githubusercontent.com/u/686247?v=3","gravatar_id":"","url":"https://api.github.com/users/cagataycivici","html_url":"https://github.com/cagataycivici","followers_url":"https://api.github.com/users/cagataycivici/followers","following_url":"https://api.github.com/users/cagataycivici/following{/other_user}","gists_url":"https://api.github.com/users/cagataycivici/gists{/gist_id}","starred_url":"https://api.github.com/users/cagataycivici/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cagataycivici/subscriptions","organizations_url":"https://api.github.com/users/cagataycivici/orgs","repos_url":"https://api.github.com/users/cagataycivici/repos","events_url":"https://api.github.com/users/cagataycivici/events{/privacy}","received_events_url":"https://api.github.com/users/cagataycivici/received_events","type":"User","site_admin":false}],"milestone":{"url":"https://api.github.com/repos/primefaces/primeng/milestones/25","html_url":"https://github.com/primefaces/primeng/milestones/1.0.0-beta.12","labels_url":"https://api.github.com/repos/primefaces/primeng/milestones/25/labels","id":1911128,"number":25,"title":"1.0.0-beta.12","description":"","creator":{"login":"cagataycivici","id":686247,"avatar_url":"https://avatars.githubusercontent.com/u/686247?v=3","gravatar_id":"","url":"https://api.github.com/users/cagataycivici","html_url":"https://github.com/cagataycivici","followers_url":"https://api.github.com/users/cagataycivici/followers","following_url":"https://api.github.com/users/cagataycivici/following{/other_user}","gists_url":"https://api.github.com/users/cagataycivici/gists{/gist_id}","starred_url":"https://api.github.com/users/cagataycivici/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cagataycivici/subscriptions","organizations_url":"https://api.github.com/users/cagataycivici/orgs","repos_url":"https://api.github.com/users/cagataycivici/repos","events_url":"https://api.github.com/users/cagataycivici/events{/privacy}","received_events_url":"https://api.github.com/users/cagataycivici/received_events","type":"User","site_admin":false},"open_issues":4,"closed_issues":5,"state":"open","created_at":"2016-07-29T07:25:29Z","updated_at":"2016-08-02T08:56:33Z","due_on":null,"closed_at":null},"comments":1,"created_at":"2016-07-28T10:18:54Z","updated_at":"2016-08-02T08:56:33Z","closed_at":"2016-08-02T08:56:33Z","body":"Hello,\r\nI have this html:\r\n```\r\n[... other html]\r\n<div style=\"position: relative\">\r\n    [...]\r\n    <p-dataTable>\r\n        <p-column>\r\n            <template>\r\n                <button type=\"button\" (click)=\"togglePanel($event, panel)\"></button>\r\n            </template>\r\n        </p-column>\r\n    </p-dataTable>\r\n    <p-overlayPanel #panel>\r\n        Content\r\n    </p-overlayPanel>\r\n</div>\r\n```\r\nWhen clicking the button, the overlay panel appears a bit below the button. This offset is roughly equal to the height of [...other html]. I inspected the div inside the <p-overlayPanel> and noticed a position absolute with something like top: 300px. Obviously the 300px start from its closest non static parent, instead of the window.\r\nTherefore, in order to fix it, I think you should move and append the panel to the <body> element, like kendoNotification from the Telerik kendoUi framework does. Or do something else, because as it is the correct behavior of the OverlayPanel depends on the developer to place it in the correct place."}}
{"actor":{"display_login":"cagataycivici"}}