Closed
Description
We track modal window click if it is outside modal content, close modal
<em @click.stop="hideModal" />
The button is outside modal, we have to stopPropagination in order to prevent closing modal and open fullscreen
<em @click.stop="toggleFullScreeMode"
v-if="!isFullScreen"
/>
This way error is thrown
[Vue warn]: Error in v-on handler: "TypeError: $event.stopPropagation is not a function"
found in
---> <Fullscreen>
<ImageModal> at src/components/public/partials/modal/image_modal.vue
<PublicGallery> at src/components/public/pages/gallery.vue
<PublicBasicLayout> at src/components/public/layouts/basic.vue
<App> at src/App.vue
<Root>
warn @ vue.js:633
logError @ vue.js:1892
globalHandleError @ vue.js:1887
handleError @ vue.js:1847
invokeWithErrorHandling @ vue.js:1870
invoker @ vue.js:2187
invokeWithErrorHandling @ vue.js:1862
Vue.$emit @ vue.js:3888
fullScreenCallback @ vue-fullscreen.min.js:1
vue.js:1896 TypeError: $event.stopPropagation is not a function
at change (image_modal.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options:17)
at invokeWithErrorHandling (vue.js:1862)
at VueComponent.invoker (vue.js:2187)
at invokeWithErrorHandling (vue.js:1862)
at VueComponent.Vue.$emit (vue.js:3888)
at VueComponent.fullScreenCallback (vue-fullscreen.min.js:1)
Metadata
Metadata
Assignees
Labels
No labels