From db58bb5f0f51521fa5c52e1b4e8107e6275904ad Mon Sep 17 00:00:00 2001
From: rdavis <ricky.c.davis.9@gmail.com>
Date: Thu, 4 Jul 2024 14:15:16 +0000
Subject: [PATCH] refactor: Removed dependency

---
 src/lib/components/common/Collapsible.svelte | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/common/Collapsible.svelte b/src/lib/components/common/Collapsible.svelte
index b681143a6..0a140d9dd 100644
--- a/src/lib/components/common/Collapsible.svelte
+++ b/src/lib/components/common/Collapsible.svelte
@@ -1,21 +1,19 @@
 <script lang="ts">
-	import { afterUpdate } from 'svelte';
-
 	export let open = false;
 	export let className = '';
 
 	// Manage the max-height of the collapsible content for snappy transitions
 	let contentElement: HTMLElement;
 	let maxHeight = '0px'; // Initial max-height
-	// After any state update, adjust the max-height for the transition
-	afterUpdate(() => {
+
+	$: if (contentElement?.scrollHeight) {
 		if (open) {
 			// Ensure the element is visible before measuring
 			maxHeight = `${contentElement.scrollHeight}px`;
 		} else {
 			maxHeight = '0px';
 		}
-	});
+	}
 </script>
 
 <div class={className}>