fix(search): scroll to top on paginate

Satellite-im · Jun 7, 2022 · 3487b0f · 3487b0f
1 parent 4e49240
commit 3487b0f
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/components/ui/Scroll/Scroll.vue b/components/ui/Scroll/Scroll.vue
@@ -1,4 +1,4 @@
-<template src="./Scroll.html" />
+<template src="./Scroll.html"></template>
 
 <script>
 import Vue from 'vue'

diff --git a/components/views/chat/search/result/Result.html b/components/views/chat/search/result/Result.html
@@ -76,6 +76,7 @@
       @toggleOrder="toggleOrderBy"
     />
     <UiScroll
+      ref="scrollRef"
       verticalScroll
       scrollbarVisibility="scroll"
       class="search-result-content"

diff --git a/components/views/chat/search/result/Result.vue b/components/views/chat/search/result/Result.vue
@@ -136,9 +136,14 @@ export default Vue.extend({
       })
       this.isLoading = DataStateType.Ready
     },
-    handleClickPaginate(pageNum: number) {
+    async handleClickPaginate(pageNum: number) {
       this.page = pageNum
-      this.fetchResult()
+      await this.fetchResult()
+      if (!this.$refs.scrollRef) {
+        return
+      }
+      const scrollEl = this.$refs.scrollRef as Vue
+      scrollEl.$el.scrollTop = 0
     },
     onChange(value: any) {
       this.queryOptions = {