{"action":"created","issue":{"url":"https://api.github.com/repos/euvl/vue-js-modal/issues/186","repository_url":"https://api.github.com/repos/euvl/vue-js-modal","labels_url":"https://api.github.com/repos/euvl/vue-js-modal/issues/186/labels{/name}","comments_url":"https://api.github.com/repos/euvl/vue-js-modal/issues/186/comments","events_url":"https://api.github.com/repos/euvl/vue-js-modal/issues/186/events","html_url":"https://github.com/euvl/vue-js-modal/issues/186","id":299637388,"node_id":"MDU6SXNzdWUyOTk2MzczODg=","number":186,"title":"Mousedown and touchdown events don't propagate","user":{"login":"tonila","id":776299,"node_id":"MDQ6VXNlcjc3NjI5OQ==","avatar_url":"https://avatars0.githubusercontent.com/u/776299?v=4","gravatar_id":"","url":"https://api.github.com/users/tonila","html_url":"https://github.com/tonila","followers_url":"https://api.github.com/users/tonila/followers","following_url":"https://api.github.com/users/tonila/following{/other_user}","gists_url":"https://api.github.com/users/tonila/gists{/gist_id}","starred_url":"https://api.github.com/users/tonila/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tonila/subscriptions","organizations_url":"https://api.github.com/users/tonila/orgs","repos_url":"https://api.github.com/users/tonila/repos","events_url":"https://api.github.com/users/tonila/events{/privacy}","received_events_url":"https://api.github.com/users/tonila/received_events","type":"User","site_admin":false},"labels":[{"id":481242191,"node_id":"MDU6TGFiZWw0ODEyNDIxOTE=","url":"https://api.github.com/repos/euvl/vue-js-modal/labels/enhancement","name":"enhancement","color":"0052cc","default":true},{"id":481242194,"node_id":"MDU6TGFiZWw0ODEyNDIxOTQ=","url":"https://api.github.com/repos/euvl/vue-js-modal/labels/help%20wanted","name":"help wanted","color":"128A0C","default":true},{"id":668360150,"node_id":"MDU6TGFiZWw2NjgzNjAxNTA=","url":"https://api.github.com/repos/euvl/vue-js-modal/labels/todo","name":"todo","color":"c5def5","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2018-02-23T08:46:02Z","updated_at":"2018-07-23T18:12:08Z","closed_at":null,"author_association":"NONE","body":"There is a problem with vue-js-modal stopping event propagation onBackgroundClick.\r\n\r\nE.g. Bootstrap datepicker listens documents mousedown and touchstart events.\r\nNow, when datepicker is placed inside modal, it never closes, because modal stops events from propagating.\r\n\r\nI think it should not be components decision to stop propagation. And at least it shoud not stop propagation by default if it is set configurable.\r\nhttps://css-tricks.com/dangers-stopping-event-propagation/\r\n\r\nSee\r\nhttps://github.com/euvl/vue-js-modal/blob/master/src/Modal.vue\r\n\r\n```\r\n@mousedown.stop=\"onBackgroundClick\"\r\n@touchstart.stop=\"onBackgroundClick\"\r\n```\r\n"},"comment":{"url":"https://api.github.com/repos/euvl/vue-js-modal/issues/comments/407151039","html_url":"https://github.com/euvl/vue-js-modal/issues/186#issuecomment-407151039","issue_url":"https://api.github.com/repos/euvl/vue-js-modal/issues/186","id":407151039,"node_id":"MDEyOklzc3VlQ29tbWVudDQwNzE1MTAzOQ==","user":{"login":"andremiguelaa","id":1964691,"node_id":"MDQ6VXNlcjE5NjQ2OTE=","avatar_url":"https://avatars3.githubusercontent.com/u/1964691?v=4","gravatar_id":"","url":"https://api.github.com/users/andremiguelaa","html_url":"https://github.com/andremiguelaa","followers_url":"https://api.github.com/users/andremiguelaa/followers","following_url":"https://api.github.com/users/andremiguelaa/following{/other_user}","gists_url":"https://api.github.com/users/andremiguelaa/gists{/gist_id}","starred_url":"https://api.github.com/users/andremiguelaa/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andremiguelaa/subscriptions","organizations_url":"https://api.github.com/users/andremiguelaa/orgs","repos_url":"https://api.github.com/users/andremiguelaa/repos","events_url":"https://api.github.com/users/andremiguelaa/events{/privacy}","received_events_url":"https://api.github.com/users/andremiguelaa/received_events","type":"User","site_admin":false},"created_at":"2018-07-23T18:12:08Z","updated_at":"2018-07-23T18:12:08Z","author_association":"NONE","body":"I'm not proud of this but... for multiple flatpickrs:\r\n\r\n```javascript\r\ncloseDatepickers(e) {\r\n    this.$children[0].$children.forEach(element => {\r\n        if (e.target.parentNode !== element.fp.input.parentNode) {\r\n            element.fp.close();\r\n        }\r\n    });\r\n},\r\n```"}}
{"actor":{"display_login":"andremiguelaa"}}