open collapsibles if needed

website/src/lib/components/file-list/FileListNode.svelte

@@ -12,7 +12,7 @@
 	import { get, type Readable } from 'svelte/store';
 	import FileListNodeContent from './FileListNodeContent.svelte';
 	import FileListNodeLabel from './FileListNodeLabel.svelte';
-	import { getContext, onDestroy } from 'svelte';
+	import { afterUpdate, getContext } from 'svelte';
 	import {
 		ListTrackSegmentItem,
 		ListWaypointItem,
@@ -46,15 +46,18 @@
 							: '';
 
 	const { verticalFileView } = settings;
-	const unsubscribe = selection.subscribe(($selection) => {
+
+	function openIfSelectedChild() {
 		if (collapsible && get(verticalFileView) && $selection.hasAnyChildren(item, false)) {
 			collapsible.openNode();
 		}
-	});
+	}
 
-	onDestroy(() => {
+	if ($selection) {
-		unsubscribe();
+		openIfSelectedChild();
-	});
+	}
+
+	afterUpdate(openIfSelectedChild);
 </script>
 
 {#if node instanceof Map}

website/src/lib/components/file-list/FileListNodeContent.svelte

@@ -198,8 +198,10 @@
 		});
 	}
 
+	let firstUpdateAfterMount = false;
 	onMount(() => {
 		createSortable();
+		firstUpdateAfterMount = true;
 	});
 
 	afterUpdate(() => {
@@ -218,7 +220,10 @@
 		});
 
 		syncFileOrder();
-		updateFromSelection();
+		if (firstUpdateAfterMount) {
+			firstUpdateAfterMount = false;
+			updateFromSelection();
+		}
 	});
 
 	function getChangedIds() {