{"action":"created","issue":{"url":"https://api.github.com/repos/phanan/koel/issues/455","repository_url":"https://api.github.com/repos/phanan/koel","labels_url":"https://api.github.com/repos/phanan/koel/issues/455/labels{/name}","comments_url":"https://api.github.com/repos/phanan/koel/issues/455/comments","events_url":"https://api.github.com/repos/phanan/koel/issues/455/events","html_url":"https://github.com/phanan/koel/issues/455","id":178012400,"number":455,"title":"Scrollable issue with Firefox","user":{"login":"X-Ryl669","id":3277165,"avatar_url":"https://avatars.githubusercontent.com/u/3277165?v=3","gravatar_id":"","url":"https://api.github.com/users/X-Ryl669","html_url":"https://github.com/X-Ryl669","followers_url":"https://api.github.com/users/X-Ryl669/followers","following_url":"https://api.github.com/users/X-Ryl669/following{/other_user}","gists_url":"https://api.github.com/users/X-Ryl669/gists{/gist_id}","starred_url":"https://api.github.com/users/X-Ryl669/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/X-Ryl669/subscriptions","organizations_url":"https://api.github.com/users/X-Ryl669/orgs","repos_url":"https://api.github.com/users/X-Ryl669/repos","events_url":"https://api.github.com/users/X-Ryl669/events{/privacy}","received_events_url":"https://api.github.com/users/X-Ryl669/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2016-09-20T09:37:36Z","updated_at":"2016-09-21T11:39:28Z","closed_at":null,"body":"Not a very big issue, but with firefox, if you press the \"down\" key, the screen scrolls down a bit, breaking the nice layout of the app. I've tracked it down to div with id `dragGhost`. If I change to `display: none` (in addition to the second remark below) then there is no possible scroll anymore and the layout is perfect. Is there any reason for `position:relative` and not `absolute` ? \r\n\r\nThe later would remove it from the flow, and will not cause the layout to overflow (and yes, body has `overflow: hidden`, but it does not apply here). \r\n\r\n**And**, the textarea with id `copyArea`must have its style property `bottom` set (else it's not positioned correctly). I've set it to `1px` and it fixed the scrolling issue.  \r\n\r\nSo the changes required to remove that overflow are:\r\n```\r\n#dragGhost {\r\n    position: absolute;\r\n    top: 0px;\r\n    left: -99999px;\r\n}\r\n\r\n#copyArea {\r\n   bottom: 1px;\r\n}\r\n```\r\n"},"comment":{"url":"https://api.github.com/repos/phanan/koel/issues/comments/248586329","html_url":"https://github.com/phanan/koel/issues/455#issuecomment-248586329","issue_url":"https://api.github.com/repos/phanan/koel/issues/455","id":248586329,"user":{"login":"bdgold","id":10334679,"avatar_url":"https://avatars.githubusercontent.com/u/10334679?v=3","gravatar_id":"","url":"https://api.github.com/users/bdgold","html_url":"https://github.com/bdgold","followers_url":"https://api.github.com/users/bdgold/followers","following_url":"https://api.github.com/users/bdgold/following{/other_user}","gists_url":"https://api.github.com/users/bdgold/gists{/gist_id}","starred_url":"https://api.github.com/users/bdgold/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bdgold/subscriptions","organizations_url":"https://api.github.com/users/bdgold/orgs","repos_url":"https://api.github.com/users/bdgold/repos","events_url":"https://api.github.com/users/bdgold/events{/privacy}","received_events_url":"https://api.github.com/users/bdgold/received_events","type":"User","site_admin":false},"created_at":"2016-09-21T11:39:28Z","updated_at":"2016-09-21T11:39:28Z","body":"@X-Ryl669 correct, it didn't fix it by me."}}
{"actor":{"display_login":"bdgold"}}