{"action":"created","issue":{"url":"https://api.github.com/repos/chmln/flatpickr/issues/336","repository_url":"https://api.github.com/repos/chmln/flatpickr","labels_url":"https://api.github.com/repos/chmln/flatpickr/issues/336/labels{/name}","comments_url":"https://api.github.com/repos/chmln/flatpickr/issues/336/comments","events_url":"https://api.github.com/repos/chmln/flatpickr/issues/336/events","html_url":"https://github.com/chmln/flatpickr/issues/336","id":182229665,"number":336,"title":"Data-toggle doesn't seem to work","user":{"login":"eZ0","id":1408613,"avatar_url":"https://avatars.githubusercontent.com/u/1408613?v=3","gravatar_id":"","url":"https://api.github.com/users/eZ0","html_url":"https://github.com/eZ0","followers_url":"https://api.github.com/users/eZ0/followers","following_url":"https://api.github.com/users/eZ0/following{/other_user}","gists_url":"https://api.github.com/users/eZ0/gists{/gist_id}","starred_url":"https://api.github.com/users/eZ0/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/eZ0/subscriptions","organizations_url":"https://api.github.com/users/eZ0/orgs","repos_url":"https://api.github.com/users/eZ0/repos","events_url":"https://api.github.com/users/eZ0/events{/privacy}","received_events_url":"https://api.github.com/users/eZ0/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2016-10-11T10:32:09Z","updated_at":"2016-10-14T04:56:55Z","closed_at":null,"body":"I've tried using example from documentation but with no success as well: data-toggle is not working if I click on an icon next to input field. Data-clear works just fine.\r\n\r\n## Expected Behaviour\r\nDatePicker Calendar should open if it's closed when user clicks on a Calendar icon next to input\r\nDatePicker Calendar should close if it's open when user clicks on a Calendar icon next to input\r\n\r\n## Current Behaviour\r\nNothing happens if user clicks on a Calendar icon next to input\r\nHowever, if user clicks on an input field - Calendar opens. \r\nIf user clicks anywhere outside calendar or on calendar itself - it closes.\r\n\r\n<img width=\"234\" alt=\"screen shot 2016-10-11 at 12 29 25\" src=\"https://cloud.githubusercontent.com/assets/1408613/19267338/836ff032-8fae-11e6-84b5-3ec653abf1f3.png\">\r\n\r\n`<div class=\"vb-datepicker form-inline\" data-wrap=\"true\" data-clickOpens=\"false\">\r\n            <div class=\"form-group\">\r\n                <label *ngIf=\"config.labelKey\">{{config.labelKey | translate}}</label>\r\n                <div class=\"input-group\">\r\n                    <input class=\"vb-datepicker__input form-control\"\r\n                           [placeholder]=\"placeholderText\" data-input #inputElement>\r\n                    <a class=\"vb-datepicker__button input-group-addon\" data-open>\r\n                        <i class=\"mdi mdi-calendar\"></i>\r\n                    </a>\r\n                    <a *ngIf=\"config.showDelete\" class=\"vb-datepicker__button input-group-addon\" data-clear>\r\n                        <i class=\"mdi mdi-close\"></i>\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </div>`\r\n\r\n\r\n## Possible Solution\r\nFix data-toggle attribute?\r\n\r\n## Your Environment\r\n* Version used: 2.0.5\r\n* Browser Name and version: Chrome\r\n* Operating System and version (desktop or mobile): MacOSX\r\n\r\nThanks in advance!"},"comment":{"url":"https://api.github.com/repos/chmln/flatpickr/issues/comments/253709610","html_url":"https://github.com/chmln/flatpickr/issues/336#issuecomment-253709610","issue_url":"https://api.github.com/repos/chmln/flatpickr/issues/336","id":253709610,"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-10-14T04:56:55Z","updated_at":"2016-10-14T04:56:55Z","body":"Hello,\r\n\r\nI couldn't quite reproduce the \r\n>  toggle(), close() or open() functions - they are not working\r\n\r\nAre you calling these methods on a Flatpickr instance?\r\n\r\nAlso. Note that you have \r\n```html\r\ndata-clickOpens=\"false\"\r\n```\r\nwhich should really be `data-click-opens=\"false\"`\r\n\r\nThere is also no `data-toggle` anywhere in your code.\r\n\r\n> If I'm not using static: true - Calendar scrolls down with page.\r\n\r\nThis definitely shouldn't happen. Flatpickr is positioned absolutely by default.\r\n\r\nPlease let me know if after fixing the issues mentioned you still can't get it working\r\n"}}
{"actor":{"display_login":"chmln"}}