force render scroller in history scroll list if not rendered

ahmedhamidawan · Feb 19, 2024 · 9d28591 · 9d28591
1 parent e5ee4a2
commit 9d28591
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/client/src/components/History/HistoryScrollList.vue b/client/src/components/History/HistoryScrollList.vue
@@ -80,6 +80,21 @@ onUnmounted(() => {
     useInfiniteScroll(scrollableDiv.value, () => {});
 });
 
+/** if screen size is as such that a scroller is not rendered,
+ * we load enough histories so that a scroller is rendered
+ */
+watch(
+    () => isScrollable.value,
+    (scrollable: boolean) => {
+        if (!scrollable && !allLoaded.value) {
+            loadMore();
+        }
+    },
+    {
+        immediate: true,
+    }
+);
+
 watch(
     () => props.filter,
     async (newVal: string, oldVal: string) => {