{"action":"opened","issue":{"url":"https://api.github.com/repos/vuetifyjs/vuetify/issues/4654","repository_url":"https://api.github.com/repos/vuetifyjs/vuetify","labels_url":"https://api.github.com/repos/vuetifyjs/vuetify/issues/4654/labels{/name}","comments_url":"https://api.github.com/repos/vuetifyjs/vuetify/issues/4654/comments","events_url":"https://api.github.com/repos/vuetifyjs/vuetify/issues/4654/events","html_url":"https://github.com/vuetifyjs/vuetify/issues/4654","id":342348463,"node_id":"MDU6SXNzdWUzNDIzNDg0NjM=","number":4654,"title":"[Feature Request] Expose the click-outside directive as a public API","user":{"login":"MatthewAry","id":157217,"node_id":"MDQ6VXNlcjE1NzIxNw==","avatar_url":"https://avatars3.githubusercontent.com/u/157217?v=4","gravatar_id":"","url":"https://api.github.com/users/MatthewAry","html_url":"https://github.com/MatthewAry","followers_url":"https://api.github.com/users/MatthewAry/followers","following_url":"https://api.github.com/users/MatthewAry/following{/other_user}","gists_url":"https://api.github.com/users/MatthewAry/gists{/gist_id}","starred_url":"https://api.github.com/users/MatthewAry/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/MatthewAry/subscriptions","organizations_url":"https://api.github.com/users/MatthewAry/orgs","repos_url":"https://api.github.com/users/MatthewAry/repos","events_url":"https://api.github.com/users/MatthewAry/events{/privacy}","received_events_url":"https://api.github.com/users/MatthewAry/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-07-18T14:16:58Z","updated_at":"2018-07-18T14:16:58Z","closed_at":null,"author_association":"NONE","body":"### Problem to solve\r\nThe click-outside directive allows us to detect when a user has clicked outside a specified element. By detecting this, we can trigger important events. Vuetify has several components that use the click-outside directive including v-dialog, v-select, v-speed-dial, v-menu, v-slider and v-navigation-drawer. However this directive is not available as part of Vuetify's API. There are third-party directives such as ndelvalle's popular v-click-outside directive which can get the job done, but it's recently been discovered that using it with Vuetify creates a conflict which can break Vuetify's own built-in click-outside directive.\r\n\r\n### Proposed solution\r\nBy exposing the built-in click-outside directive as a public API, users can create custom components with this directive without having to roll-their-own or use a third-party directive to achieve the same result.\r\n\r\n<!-- generated by vuetify-issue-helper. DO NOT REMOVE -->"}}
{"actor":{"display_login":"MatthewAry"}}