From 41cfc1cf0be3b947f7e91cfcd2f7e6b97c1a6d5a Mon Sep 17 00:00:00 2001
From: peppidesu <bakker.pepijn@gmail.com>
Date: Thu, 29 Jan 2026 21:08:24 +0100
Subject: [PATCH] fix: auto deselect on drag

---
 src/lib/Element.svelte       |  1 +
 src/lib/PlacedElement.svelte |  1 +
 src/lib/Playfield.svelte     | 11 +++++++----
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/lib/Element.svelte b/src/lib/Element.svelte
index 50fa63c..afff755 100644
--- a/src/lib/Element.svelte
+++ b/src/lib/Element.svelte
@@ -17,6 +17,7 @@
      * @param {any} event
      */
     function onPointerDown(event) {
+        window.getSelection().removeAllRanges();
         sfx.drag_start();
 
         pointerLoc.set({ x: event.clientX, y: event.clientY });
diff --git a/src/lib/PlacedElement.svelte b/src/lib/PlacedElement.svelte
index 5edebbf..90f32ba 100644
--- a/src/lib/PlacedElement.svelte
+++ b/src/lib/PlacedElement.svelte
@@ -54,6 +54,7 @@
      * @param {{ layerX: any; layerY: any; x: any; y: any}} e
      */
     function onpointerdown(e) {
+        window.getSelection().removeAllRanges();
         sfx.drag_start();
 
         lox = 0;
diff --git a/src/lib/Playfield.svelte b/src/lib/Playfield.svelte
index 4949059..ad35f39 100644
--- a/src/lib/Playfield.svelte
+++ b/src/lib/Playfield.svelte
@@ -6,12 +6,15 @@
      */
     export function handle_dropped(mounted) {
         Array.from(mounted)
-            .toSorted(
-                ([_a, a], [_b, b]) =>
-                    Number(a.get_z_index()) - Number(b.get_z_index()),
-            )
+            .toSorted(([_a, a], [_b, b]) => Number(a.get_z_index()) - Number(b.get_z_index()))
             .forEach(([_num, ele], idx) => ele.set_z_index(String(idx + 1)));
     }
 </script>
 
 <div id="playfield"></div>
+
+<style>
+    #playfield {
+        flex-grow: 1;
+    }
+</style>