From affc3ed946ddde8a9a342330f5d09f036000e079 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Wed, 3 Jul 2024 22:42:08 +0200
Subject: [PATCH] fix selection reset after updates

---
 .../file-list/FileListNodeContent.svelte         | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/website/src/lib/components/file-list/FileListNodeContent.svelte b/website/src/lib/components/file-list/FileListNodeContent.svelte
index 507562e5..62d97804 100644
--- a/website/src/lib/components/file-list/FileListNodeContent.svelte
+++ b/website/src/lib/components/file-list/FileListNodeContent.svelte
@@ -6,7 +6,7 @@
 
 <script lang="ts">
 	import { GPXFile, Track, Waypoint, type AnyGPXTreeElement, type GPXTreeElement } from 'gpx';
-	import { afterUpdate, getContext, onMount } from 'svelte';
+	import { afterUpdate, getContext, onDestroy, onMount } from 'svelte';
 	import Sortable from 'sortablejs/Sortable';
 	import { getFileIds, settings, type GPXFileWithStatistics } from '$lib/db';
 	import { get, writable, type Readable, type Writable } from 'svelte/store';
@@ -48,8 +48,13 @@
 	let sortable: Sortable;
 	let orientation = getContext<'vertical' | 'horizontal'>('orientation');
 
+	let destroyed = false;
 	let lastUpdateStart = 0;
 	function updateToSelection(e) {
+		if (destroyed) {
+			return;
+		}
+
 		lastUpdateStart = Date.now();
 		setTimeout(() => {
 			if (Date.now() - lastUpdateStart >= 40) {
@@ -89,7 +94,9 @@
 	}
 
 	function updateFromSelection() {
-		if (updating) return;
+		if (destroyed || updating) {
+			return;
+		}
 		updating = true;
 		// Selection updates sortable
 		let changed = getChangedIds();
@@ -229,6 +236,7 @@
 
 	onMount(() => {
 		createSortable();
+		destroyed = false;
 	});
 
 	afterUpdate(() => {
@@ -250,6 +258,10 @@
 		updateFromSelection();
 	});
 
+	onDestroy(() => {
+		destroyed = true;
+	});
+
 	function getChangedIds() {
 		let changed: (string | number)[] = [];
 		Object.entries(elements).forEach(([id, element]) => {