From 1249643445cf7ece3e0089e956d13dcb75cb874e Mon Sep 17 00:00:00 2001
From: Matt Isenhower <matt@isenhower.com>
Date: Sat, 3 Feb 2018 11:53:56 -0800
Subject: [PATCH] Splatfest history dialog: scroll to the top when changing
 regions

---
 .../components/splatoon/SplatfestHistoryDialog.vue   | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/js/components/splatoon/SplatfestHistoryDialog.vue b/src/js/components/splatoon/SplatfestHistoryDialog.vue
index 478d8ef..4cc175b 100644
--- a/src/js/components/splatoon/SplatfestHistoryDialog.vue
+++ b/src/js/components/splatoon/SplatfestHistoryDialog.vue
@@ -17,7 +17,7 @@
                 </div>
             </div>
 
-            <div class="modal-card-body">
+            <div class="modal-card-body" ref="body">
                 <div v-for="(info, index) in festivals" class="splatfest-history-row" :key="info.festival.festival_id">
                     <div class="level">
                         <div class="level-item">
@@ -81,6 +81,11 @@ export default {
             });
         },
     },
+    watch: {
+        region() {
+            this.scrollToTop();
+        },
+    },
     created() {
         if (this.initialRegion)
             this.region = this.initialRegion;
@@ -88,5 +93,10 @@ export default {
     mounted() {
         analytics.event('Splatfest History', 'Open');
     },
+    methods: {
+        scrollToTop() {
+            this.$refs.body.scrollTop = 0;
+        },
+    },
 }
 </script>