From b0429b276d5e9feeda338a61196b12be3cc5a9f7 Mon Sep 17 00:00:00 2001
From: Ferdinand Thiessen <opensource@fthiessen.de>
Date: Fri, 21 Jun 2024 20:08:28 +0200
Subject: [PATCH] fix: Prevent invalid range for skeleton number

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
---
 lib/components/FilePicker/FileList.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/components/FilePicker/FileList.vue b/lib/components/FilePicker/FileList.vue
index b3c41cda..24b31925 100644
--- a/lib/components/FilePicker/FileList.vue
+++ b/lib/components/FilePicker/FileList.vue
@@ -60,7 +60,7 @@
 					<LoadingTableRow v-for="index in skeletonNumber" :key="index" :show-checkbox="multiselect" />
 				</template>
 				<template v-else>
-					<FileListRow v-for="file in sortedFiles"
+					<FileListRow v-for="file of sortedFiles"
 						:key="file.fileid || file.path"
 						:allow-pick-directory="allowPickDirectory"
 						:show-checkbox="multiselect"
@@ -212,7 +212,7 @@ const fileContainer = ref<HTMLDivElement>()
 			}
 		}
 		// container height - 50px table header / row height of 50px
-		skeletonNumber.value = Math.floor((height - 50) / 50)
+		skeletonNumber.value = Math.max(1, Math.floor((height - 50) / 50))
 	})
 	onMounted(() => {
 		window.addEventListener('resize', resize)