Fix moving waypoint of a line (#326)

Author: cdauth

frontend/src/lib/components/route-form/route-form-tab.vue

@@ -8,6 +8,7 @@
 	import { useI18n } from "../../utils/i18n";
 
 	const context = injectContextRequired();
+	const mapContext = toRef(() => context.components.map);
 	const searchBoxContext = requireSearchBoxContext(context);
 	const i18n = useI18n();
 
@@ -34,6 +35,14 @@
 	function activate(): void {
 		searchBoxContext.value.activateTab(`fm${context.id}-route-form-tab`, { expand: true });
 	}
+
+	function handleHashQueryChange(query: HashQuery | undefined) {
+		hashQuery.value = query;
+
+		if (query) {
+			mapContext.value?.components.selectionHandler.setSelectedItems([]); // Workaround for now to force route into the hash query
+		}
+	}
 </script>
 
 <template>
@@ -44,7 +53,7 @@
 		class="fm-route-form-tab"
 	>
 		<template #default="slotProps">
-			<RouteForm :active="slotProps.isActive" @activate="activate()" ref="routeForm" @hash-query-change="hashQuery = $event"></RouteForm>
+			<RouteForm :active="slotProps.isActive" @activate="activate()" ref="routeForm" @hash-query-change="handleHashQueryChange($event)"></RouteForm>
 		</template>
 	</SearchBoxTab>
 </template>

frontend/src/lib/components/route-form/route-form.vue

@@ -420,8 +420,6 @@
 		reset();
 
 		try {
-			mapContext.value.components.selectionHandler.setSelectedItems([]); // Workaround for now to force route into the hash query
-
 			const mode = routeMode.value;
 
 			submittedQuery.value = { destinations: cloneDeep(toRaw(destinations.value)), mode };
@@ -451,8 +449,6 @@
 
 	async function reroute(zoom: boolean, smooth = true): Promise<void> {
 		if(hasRoute.value) {
-			mapContext.value.components.selectionHandler.setSelectedItems([]); // Workaround for now to force route into the hash query
-
 			await Promise.all(destinations.value.map((dest) => loadSuggestions(dest)));
 			const points = destinations.value.map((dest) => getSelectedSuggestion(dest));