{"action":"opened","issue":{"url":"https://api.github.com/repos/nextcloud/server/issues/10845","repository_url":"https://api.github.com/repos/nextcloud/server","labels_url":"https://api.github.com/repos/nextcloud/server/issues/10845/labels{/name}","comments_url":"https://api.github.com/repos/nextcloud/server/issues/10845/comments","events_url":"https://api.github.com/repos/nextcloud/server/issues/10845/events","html_url":"https://github.com/nextcloud/server/issues/10845","id":353919090,"node_id":"MDU6SXNzdWUzNTM5MTkwOTA=","number":10845,"title":"App-navigation-toggle not working for Vue.js apps","user":{"login":"raimund-schluessler","id":2496460,"node_id":"MDQ6VXNlcjI0OTY0NjA=","avatar_url":"https://avatars2.githubusercontent.com/u/2496460?v=4","gravatar_id":"","url":"https://api.github.com/users/raimund-schluessler","html_url":"https://github.com/raimund-schluessler","followers_url":"https://api.github.com/users/raimund-schluessler/followers","following_url":"https://api.github.com/users/raimund-schluessler/following{/other_user}","gists_url":"https://api.github.com/users/raimund-schluessler/gists{/gist_id}","starred_url":"https://api.github.com/users/raimund-schluessler/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/raimund-schluessler/subscriptions","organizations_url":"https://api.github.com/users/raimund-schluessler/orgs","repos_url":"https://api.github.com/users/raimund-schluessler/repos","events_url":"https://api.github.com/users/raimund-schluessler/events{/privacy}","received_events_url":"https://api.github.com/users/raimund-schluessler/received_events","type":"User","site_admin":false},"labels":[{"id":386379231,"node_id":"MDU6TGFiZWwzODYzNzkyMzE=","url":"https://api.github.com/repos/nextcloud/server/labels/bug","name":"bug","color":"ee0701","default":true},{"id":957394955,"node_id":"MDU6TGFiZWw5NTczOTQ5NTU=","url":"https://api.github.com/repos/nextcloud/server/labels/feature:%20vue%20apps","name":"feature: vue apps","color":"c2e0c6","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-08-24T20:35:31Z","updated_at":"2018-08-24T20:35:31Z","closed_at":null,"author_association":"MEMBER","body":"The app-navigation toggle button which is visible for small screensizes does not work with Vue.js apps. This is because the event handler for this button is bound by jQuery before the Vue app loaded. Vue.js apps remove all event handlers from elements within their scope, so the snapjs handler is never triggered when the button is clicked.\r\n\r\nI packed a small vue.js app to demonstrate the problem. It does nothing else then showing the problem. Just unpack it in your app folder, activate it and reduce the window size below 768 px width to show the app-navigation-toggle button. Then click the button and see that the app navigation menu does not appear.\r\n\r\nI guess we have to load the vue.js app first and then bind the event handler for the button. Or handle it in vue and provide a function which the app can call to show the menu. But maybe @skjnldsv has a better idea.\r\n\r\n[vuetest.tar.gz](https://github.com/nextcloud/server/files/2319790/vuetest.tar.gz)"}}
{"actor":{"display_login":"raimund-schluessler"}}