diff --git a/components/GalleryThumbs.vue b/components/GalleryThumbs.vue index 6eaf221..53cacc8 100644 --- a/components/GalleryThumbs.vue +++ b/components/GalleryThumbs.vue @@ -117,11 +117,11 @@ export default { mounted () { window.addEventListener('resize', this.handleResize) - this.$refs.galleryThumbsList.addEventListener('touchstart', this.handleTouch) - this.$refs.galleryThumbsList.addEventListener('touchend', this.handleTouch) - this.$refs.galleryThumbsList.addEventListener('wheel', this.handleThumbsScroll) + this.$refs.galleryThumbsList.addEventListener('touchstart', this.handleTouch, { passive: true }) + this.$refs.galleryThumbsList.addEventListener('touchend', this.handleTouch, { passive: true }) + this.$refs.galleryThumbsList.addEventListener('wheel', this.handleThumbsScroll, { passive: true }) // firefox - this.$refs.galleryThumbsList.addEventListener('mousewheel', this.handleThumbsScroll) + this.$refs.galleryThumbsList.addEventListener('mousewheel', this.handleThumbsScroll, { passive: true }) this.$nextTick(function () { this.updateElements() this.scrollToThumb(this.activeIndex)