{"action":"created","issue":{"url":"https://api.github.com/repos/chmln/flatpickr/issues/22","repository_url":"https://api.github.com/repos/chmln/flatpickr","labels_url":"https://api.github.com/repos/chmln/flatpickr/issues/22/labels{/name}","comments_url":"https://api.github.com/repos/chmln/flatpickr/issues/22/comments","events_url":"https://api.github.com/repos/chmln/flatpickr/issues/22/events","html_url":"https://github.com/chmln/flatpickr/issues/22","id":131384394,"number":22,"title":"Feature request - Responsive option","user":{"login":"rafael-renan-pacheco","id":12160864,"avatar_url":"https://avatars.githubusercontent.com/u/12160864?v=3","gravatar_id":"","url":"https://api.github.com/users/rafael-renan-pacheco","html_url":"https://github.com/rafael-renan-pacheco","followers_url":"https://api.github.com/users/rafael-renan-pacheco/followers","following_url":"https://api.github.com/users/rafael-renan-pacheco/following{/other_user}","gists_url":"https://api.github.com/users/rafael-renan-pacheco/gists{/gist_id}","starred_url":"https://api.github.com/users/rafael-renan-pacheco/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rafael-renan-pacheco/subscriptions","organizations_url":"https://api.github.com/users/rafael-renan-pacheco/orgs","repos_url":"https://api.github.com/users/rafael-renan-pacheco/repos","events_url":"https://api.github.com/users/rafael-renan-pacheco/events{/privacy}","received_events_url":"https://api.github.com/users/rafael-renan-pacheco/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/chmln/flatpickr/labels/enhancement","name":"enhancement","color":"fbca04"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":9,"created_at":"2016-02-04T15:34:43Z","updated_at":"2016-06-10T04:07:17Z","closed_at":null,"body":"Hi there!\r\n\r\nOne thing that is missing in flatpickr, and a crucial one, is an option to activate a responsive behavior for the date picker.\r\n\r\nFor example, below a certain horizontal resolution, flatpickr could be vertical/horizontal centered in the viewport, with some darker background to focus the user to pick a date (pickadate.js behavior).\r\n\r\nAlso (and this is a current problem), if the input is created at the very right of the viewport, it's calendar will expand the viewport, crashing the layout. This is happening in my website, and I simulate this in the flatpickr example page, by sending one of the inputs to the far right of the page. Here you can see what happens to the layout in this situation:\r\n\r\n![1](https://cloud.githubusercontent.com/assets/12160864/12819781/96cc8760-cb43-11e5-82ea-4dca80be1de2.png)\r\n\r\nAnd the reason for that shows up when you click the input:\r\n\r\n![2](https://cloud.githubusercontent.com/assets/12160864/12819799/af440e44-cb43-11e5-80eb-0ba6d5d092cc.png)\r\n\r\nIn this situation, I think flatpickr should not push the layout, but instead pull itself to the left.\r\n\r\nBests regards."},"comment":{"url":"https://api.github.com/repos/chmln/flatpickr/issues/comments/225088607","html_url":"https://github.com/chmln/flatpickr/issues/22#issuecomment-225088607","issue_url":"https://api.github.com/repos/chmln/flatpickr/issues/22","id":225088607,"user":{"login":"chmln","id":11352152,"avatar_url":"https://avatars.githubusercontent.com/u/11352152?v=3","gravatar_id":"","url":"https://api.github.com/users/chmln","html_url":"https://github.com/chmln","followers_url":"https://api.github.com/users/chmln/followers","following_url":"https://api.github.com/users/chmln/following{/other_user}","gists_url":"https://api.github.com/users/chmln/gists{/gist_id}","starred_url":"https://api.github.com/users/chmln/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/chmln/subscriptions","organizations_url":"https://api.github.com/users/chmln/orgs","repos_url":"https://api.github.com/users/chmln/repos","events_url":"https://api.github.com/users/chmln/events{/privacy}","received_events_url":"https://api.github.com/users/chmln/received_events","type":"User","site_admin":false},"created_at":"2016-06-10T04:07:17Z","updated_at":"2016-06-10T04:07:17Z","body":"> But now the calendar popup doesn't follow window resizes. It stays fixed in it's original position. This could be a problem in mobile, when changing from vertical to horizontal layout.\r\n\r\nIndeed. Thanks for letting me know! \r\nAlready fixed in the latest release"}}
{"actor":{"display_login":"chmln"}}