Fix: mobile carousel not resizing

timelytree · timelytree · commit 122ab80edd52 · 2017-10-11T00:11:40.000-07:00
diff --git a/src/pages/PageProject.vue b/src/pages/PageProject.vue
@@ -45,11 +45,14 @@ export default {
         var oldCarousel = this.cE('carousel-container')[0]
         if (oldCarousel) {
           this.initializeCarousel()
-          Store.flickityGallery.resize()
           clearInterval(interval)
         }
       }, 10)
     }, projectId)
+    var timer = setTimeout(() => {
+      Store.flickityGallery.resize()
+      clearTimeout(timer)
+    }, 500)
   }
 }
 </script>

Original file line number	Diff line number	Diff line change
`@@ -45,11 +45,14 @@ export default {`
`45`	`45`	`var oldCarousel = this.cE('carousel-container')[0]`
`46`	`46`	`if (oldCarousel) {`
`47`	`47`	`this.initializeCarousel()`
`48`		`- Store.flickityGallery.resize()`
`49`	`48`	`clearInterval(interval)`
`50`	`49`	`}`
`51`	`50`	`}, 10)`
`52`	`51`	`}, projectId)`
	`52`	`+ var timer = setTimeout(() => {`
	`53`	`+ Store.flickityGallery.resize()`
	`54`	`+ clearTimeout(timer)`
	`55`	`+ }, 500)`
`53`	`56`	`}`
`54`	`57`	`}`
`55`	`58`	`</script>`