{"action":"created","issue":{"url":"https://api.github.com/repos/chrisdavies/tiny-date-picker/issues/4","repository_url":"https://api.github.com/repos/chrisdavies/tiny-date-picker","labels_url":"https://api.github.com/repos/chrisdavies/tiny-date-picker/issues/4/labels{/name}","comments_url":"https://api.github.com/repos/chrisdavies/tiny-date-picker/issues/4/comments","events_url":"https://api.github.com/repos/chrisdavies/tiny-date-picker/issues/4/events","html_url":"https://github.com/chrisdavies/tiny-date-picker/issues/4","id":148052864,"number":4,"title":"scrollbars appearing after modal activated","user":{"login":"gavynriebau","id":11895736,"avatar_url":"https://avatars.githubusercontent.com/u/11895736?v=3","gravatar_id":"","url":"https://api.github.com/users/gavynriebau","html_url":"https://github.com/gavynriebau","followers_url":"https://api.github.com/users/gavynriebau/followers","following_url":"https://api.github.com/users/gavynriebau/following{/other_user}","gists_url":"https://api.github.com/users/gavynriebau/gists{/gist_id}","starred_url":"https://api.github.com/users/gavynriebau/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gavynriebau/subscriptions","organizations_url":"https://api.github.com/users/gavynriebau/orgs","repos_url":"https://api.github.com/users/gavynriebau/repos","events_url":"https://api.github.com/users/gavynriebau/events{/privacy}","received_events_url":"https://api.github.com/users/gavynriebau/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-04-13T12:58:56Z","updated_at":"2016-04-14T14:40:39Z","closed_at":null,"body":"Firstly, tiny-date-picker is awesome, I love how nice it looks and how clean your code is.\r\n\r\nThe only issue I have with it is that, under the following conditions, activating the picker causes vertical scrollbars to show:\r\n\r\n* Use `display: flex` on body element with `flex-direction: column`\r\n* Include a \"main\" or \"content\" wrapper with `flex: 1`\r\n* Include a second element (e.g. footer)\r\n\r\nI was using the above styling to create a content section with a footer.\r\n\r\nTook me some time to figure out exactly how to replicate this so I saved these conditions so you can see what I'm talking about:\r\n [here](http://gavynriebau.github.io/tiny-date-picker/)\r\nJust click the picker to see the issue (sorry about the butchered styling).\r\n\r\nI found this is resolved if line 12 of TinyDatePicker, is changed from:\r\n\r\n```\r\nvar focusCatcher = htmlToElement('<button style=\"position: absolute; width: 1; height: 1; overflow: hidden; border: 0; background: transparent;\"></button>');\r\n```\r\n\r\nto (note the extra `top: 0` inside the style attribute).\r\n\r\n```\r\nvar focusCatcher = htmlToElement('<button style=\"position: absolute; width: 1; height: 1; overflow: hidden; border: 0; background: transparent; top: 0;\"></button>');\r\n```"},"comment":{"url":"https://api.github.com/repos/chrisdavies/tiny-date-picker/issues/comments/209976761","html_url":"https://github.com/chrisdavies/tiny-date-picker/issues/4#issuecomment-209976761","issue_url":"https://api.github.com/repos/chrisdavies/tiny-date-picker/issues/4","id":209976761,"user":{"login":"Wyzix33","id":13553412,"avatar_url":"https://avatars.githubusercontent.com/u/13553412?v=3","gravatar_id":"","url":"https://api.github.com/users/Wyzix33","html_url":"https://github.com/Wyzix33","followers_url":"https://api.github.com/users/Wyzix33/followers","following_url":"https://api.github.com/users/Wyzix33/following{/other_user}","gists_url":"https://api.github.com/users/Wyzix33/gists{/gist_id}","starred_url":"https://api.github.com/users/Wyzix33/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Wyzix33/subscriptions","organizations_url":"https://api.github.com/users/Wyzix33/orgs","repos_url":"https://api.github.com/users/Wyzix33/repos","events_url":"https://api.github.com/users/Wyzix33/events{/privacy}","received_events_url":"https://api.github.com/users/Wyzix33/received_events","type":"User","site_admin":false},"created_at":"2016-04-14T14:40:39Z","updated_at":"2016-04-14T14:40:39Z","body":"nice catch :+1: "}}