From 7e6ae1311eba1876c5bdf9cfb811c8c84abaf70a Mon Sep 17 00:00:00 2001
From: Nazar Kanaev <nkanaev@live.com>
Date: Wed, 9 Sep 2020 20:59:43 +0100
Subject: [PATCH] scroll item list to top when feed is changed

---
 assets/index.html         | 2 +-
 assets/javascripts/app.js | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/assets/index.html b/assets/index.html
index d1bef10..68db542 100644
--- a/assets/index.html
+++ b/assets/index.html
@@ -149,7 +149,7 @@
                     <span class="icon">{% inline "check.svg" %}</span>
                 </button>
             </div>
-            <div class="p-2 overflow-auto border-top" v-scroll="loadMoreItems">
+            <div class="p-2 overflow-auto border-top" v-scroll="loadMoreItems" ref="itemlist">
                 <label v-for="item in items" :key="item.id"
                        class="selectgroup">
                     <input type="radio" name="item" :value="item.id" v-model="itemSelected">
diff --git a/assets/javascripts/app.js b/assets/javascripts/app.js
index 9fe7eef..64ec42d 100644
--- a/assets/javascripts/app.js
+++ b/assets/javascripts/app.js
@@ -240,6 +240,7 @@ var vm = new Vue({
       if (oldVal === null) return  // do nothing, initial setup
       api.settings.update({feed: newVal}).then(this.refreshItems.bind(this))
       this.itemSelected = null
+      if (this.$refs.itemlist) this.$refs.itemlist.scrollTop = 0
     },
     'itemSelected': function(newVal, oldVal) {
       this.itemSelectedReadability = ''
@@ -247,9 +248,8 @@ var vm = new Vue({
         this.itemSelectedDetails = null
         return
       }
-      if (this.$refs.content) {
-        this.$refs.content.scrollTop = 0
-      }
+      if (this.$refs.content) this.$refs.content.scrollTop = 0
+
       this.itemSelectedDetails = this.itemsById[newVal]
       if (this.itemSelectedDetails.status == 'unread') {
         this.itemSelectedDetails.status = 'read'