From 93e5ba1d16fcf52dea54ae4b4d7e5b02a899d0bd Mon Sep 17 00:00:00 2001
From: HugoCasa <hugo@casademont.ch>
Date: Thu, 12 Sep 2024 11:38:53 +0200
Subject: [PATCH] fix(frontend): table footer display on safari (#4377)

---
 .../apps/components/display/table/AppAggridTable.svelte  | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/apps/components/display/table/AppAggridTable.svelte b/frontend/src/lib/components/apps/components/display/table/AppAggridTable.svelte
index 36e6264773..b6a0909a4d 100644
--- a/frontend/src/lib/components/apps/components/display/table/AppAggridTable.svelte
+++ b/frontend/src/lib/components/apps/components/display/table/AppAggridTable.svelte
@@ -483,6 +483,8 @@
 	let refreshCount: number = 0
 	let footerRenderCount: number = 0
 	let computedOrder: string[] | undefined = undefined
+
+	let footerHeight: number = 0
 </script>
 
 {#if actionsOrder}
@@ -539,7 +541,7 @@
 				on:pointerdown|stopPropagation={() => {
 					$selectedComponent = [id]
 				}}
-				style:height="{clientHeight}px"
+				style:height="{clientHeight - (resolvedConfig.footer ? footerHeight : 0)}px"
 				style:width="{clientWidth}px"
 				class="ag-theme-alpine relative"
 				class:ag-theme-alpine-dark={$darkMode}
@@ -571,7 +573,10 @@
 			</div>
 			{#if resolvedConfig.footer}
 				{#key footerRenderCount}
-					<div class="flex gap-1 w-full justify-between items-center text-sm text-secondary/80 p-2">
+					<div
+						class="flex gap-1 w-full justify-between items-center text-sm text-secondary/80 p-2"
+						bind:clientHeight={footerHeight}
+					>
 						<div>
 							<Popover>
 								<svelte:fragment slot="text">Download</svelte:fragment>