From 617bf71cade98901f8eb042a75a8cdd3809d6545 Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Mon, 28 Aug 2023 09:06:31 -0700
Subject: [PATCH] fix: fixes flicker on scroll progress bar (#2371)

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

diff --git a/assets/components/LogViewer/LogViewer.vue b/assets/components/LogViewer/LogViewer.vue
index 8dc85257..2d835ee6 100644
--- a/assets/components/LogViewer/LogViewer.vue
+++ b/assets/components/LogViewer/LogViewer.vue
@@ -1,5 +1,5 @@
 <template>
-  <ul class="events" ref="events" :class="{ 'disable-wrap': !softWrap, [size]: true }">
+  <ul class="events" :class="{ 'disable-wrap': !softWrap, [size]: true }">
     <li
       v-for="(item, index) in filtered"
       :key="item.id"
@@ -46,7 +46,6 @@ const { messages } = toRefs(props);
 const visible = filteredPayload(messages);
 const filtered = filteredMessages(visible);
 
-const events = ref<HTMLElement>();
 let lastSelectedItem: LogEntry<string | JSONObject> | undefined = $ref(undefined);
 
 function handleJumpLineSelected(e: Event, item: LogEntry<string | JSONObject>) {
diff --git a/assets/components/ScrollableView.vue b/assets/components/ScrollableView.vue
index b686f7fb..6b633434 100644
--- a/assets/components/ScrollableView.vue
+++ b/assets/components/ScrollableView.vue
@@ -4,8 +4,8 @@
       <slot name="header"></slot>
     </header>
     <main :data-scrolling="scrollable ? true : undefined">
-      <div class="is-scrollbar-progress is-hidden-mobile">
-        <scroll-progress v-if="paused" :indeterminate="loading" :auto-hide="!loading"></scroll-progress>
+      <div class="is-scrollbar-progress is-hidden-mobile" v-show="paused">
+        <scroll-progress :indeterminate="loading" :auto-hide="!loading"></scroll-progress>
       </div>
       <div ref="scrollableContent">
         <slot :setLoading="setLoading"></slot>