From 17472ebca291cfe35a30f37977a6514cc56b2f1a Mon Sep 17 00:00:00 2001
From: ManjaroOne666 <git@gabbaell.co.uk>
Date: Mon, 28 Jan 2019 21:15:19 +0000
Subject: [PATCH] fix: galeryPage featured thumb now scrolls to show active
 gallery correctly

---
 components/GalleryFeatured.vue | 12 ++++++------
 components/GalleryPage.vue     |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/GalleryFeatured.vue b/components/GalleryFeatured.vue
index 564719d..b2062f6 100644
--- a/components/GalleryFeatured.vue
+++ b/components/GalleryFeatured.vue
@@ -1,5 +1,5 @@
 <template>
-  <ul class="gallery-featured">
+  <ul class="gallery-featured" ref="galleryList">
     <li v-for="(gallery, index) in galleries"
         ref="galleries"
         class="featured-image thumb-overlay selected-indicator"
@@ -29,11 +29,11 @@ export default {
   },
 
   mounted () {
-    // cannot just use this.galleryActive as if we do and it is the last element
-    // chrome (at least?) pushes body up and creates wierd gap at bottom of body
-    // to get round this we will just scroll to the second last element in this case
-    const index = this.galleryActive >= this.galleries.length - 1 ? this.galleryActive - 1 : this.galleryActive
-    this.$refs.galleries[index].scrollIntoView({behavior: 'smooth'})
+    if (this.galleryActive > 0) {
+      const el = this.$refs.galleries[this.galleryActive]
+      el.parentNode.scrollTop = el.offsetTop
+    }
+
   },
 }
 </script>
diff --git a/components/GalleryPage.vue b/components/GalleryPage.vue
index 9a9c8f3..6d19f81 100644
--- a/components/GalleryPage.vue
+++ b/components/GalleryPage.vue
@@ -70,8 +70,8 @@ export default {
 
   watch: {
     $route () {
-      if (!query || !query.gallery) { return }
       const query = this.$route.query
+      if (!query || !query.gallery) { return }
       const gallery = parseInt(query.gallery)
       const image = parseInt(query.image) || 0