work around svelte bind:this state.frozen bug (sveltejs/svelte/issues…

…/12287)
laszlokorte · Jul 3, 2024 · fed250a · fed250a
1 parent 5534532
commit fed250a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 23 deletions.
diff --git a/src/svelte/Canvas/Root.svelte b/src/svelte/Canvas/Root.svelte
@@ -65,21 +65,7 @@
 	import Zoom from "./tools/Zoom.svelte";
 
 	const svgElement = atom(null);
-	const currentToolElementRaw = atom(null);
-
-	const currentToolElement = view(
-		L.lens(R.identity, (a, b) => {
-			// console.log(a);
-			// alert(
-			// 	"old:" +
-			// 		(b && Object.getOwnPropertyNames(b).join(",")) +
-			// 		", new:" +
-			// 		(a && Object.getOwnPropertyNames(a).join(",")),
-			// );
-			return a;
-		}),
-		currentToolElementRaw,
-	);
+	let currentToolElement = $state(null);
 
 	function clientToCanvas(x, y, screen = false) {
 		const screenPoint = U.screenToElementViewbox(
@@ -1549,11 +1535,8 @@
 			onclick={() => {
 				currentDocumentContent.value = {};
 
-				if (
-					currentToolElement.value &&
-					currentToolElement.value.cancel
-				) {
-					currentToolElement.value.cancel();
+				if (currentToolElement && currentToolElement.cancel) {
+					currentToolElement.cancel();
 				}
 
 				update(
@@ -1674,8 +1657,7 @@
 
 			<svelte:component
 				this={tools[tool.value].component}
-				key={tool.value}
-				bind:this={currentToolElement.value}
+				bind:this={currentToolElement}
 				{...tools[tool.value].parameters}
 			></svelte:component>
 		</svg>

diff --git a/src/svelte/Canvas/tools/Spline.svelte b/src/svelte/Canvas/tools/Spline.svelte
@@ -149,7 +149,6 @@
 </script>
 
 <path
-	use:disableTouchEventsIf={startPath}
 	class="polygon-surface"
 	d={frameBoxPath.value}
 	pointer-events="all"