From 54610b0f5acfde60354bbb0ff5dda9ad44df87ab Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Fri, 18 Aug 2023 12:48:17 -0700
Subject: [PATCH] fix: fixes scroll progress showing temporary (#2355)

---
 assets/components/ScrollProgress.vue | 4 ++--
 assets/components/ScrollableView.vue | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/assets/components/ScrollProgress.vue b/assets/components/ScrollProgress.vue
index c398266c..bc3966b7 100644
--- a/assets/components/ScrollProgress.vue
+++ b/assets/components/ScrollProgress.vue
@@ -1,6 +1,6 @@
 <template>
   <transition name="fade">
-    <div class="scroll-progress" ref="root" v-show="show">
+    <div class="scroll-progress" ref="root" v-show="!autoHide || show">
       <svg width="100" height="100" viewBox="0 0 100 100" :class="{ indeterminate }">
         <circle r="44" cx="50" cy="50" />
       </svg>
@@ -8,7 +8,7 @@
         <template v-if="indeterminate">
           <div class="column is-narrow is-paddingless is-size-2">&#8734;</div>
         </template>
-        <template v-else>
+        <template v-else-if="!isNaN(scrollProgress)">
           <span class="column is-narrow is-paddingless is-size-2">
             {{ Math.ceil(scrollProgress * 100) }}
           </span>
diff --git a/assets/components/ScrollableView.vue b/assets/components/ScrollableView.vue
index 0e7f6cc3..eee0a83f 100644
--- a/assets/components/ScrollableView.vue
+++ b/assets/components/ScrollableView.vue
@@ -5,7 +5,7 @@
     </header>
     <main :data-scrolling="scrollable ? true : undefined">
       <div class="is-scrollbar-progress is-hidden-mobile">
-        <scroll-progress v-show="paused" :indeterminate="loading" :auto-hide="!loading"></scroll-progress>
+        <scroll-progress v-if="paused" :indeterminate="loading" :auto-hide="!loading"></scroll-progress>
       </div>
       <div ref="scrollableContent">
         <slot :setLoading="setLoading"></slot>