Fix checkbox action

Selenite-GEOS · Sep 3, 2024 · 7ffb176 · 7ffb176
1 parent 175ef71
commit 7ffb176
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@selenite/commons",
-	"version": "0.22.12",
+	"version": "0.22.13",
 	"repository": "github:ShaitanLyss/selenite-commons",
 	"license": "MIT",
 	"keywords": [

diff --git a/src/lib/actions/inputs.ts b/src/lib/actions/inputs.ts
@@ -35,11 +35,11 @@ export const checkbox: Action<HTMLInputElement, boolean | undefined> = (node, en
 			if (pointedDownCheckbox) {
 				document.body.style.userSelect = 'none';
 			}
-		});
+		}, {capture: true});
 		document.addEventListener('pointerup', () => {
 			document.body.style.userSelect = '';
 			pointedDownCheckbox = undefined;
-		});
+		}, {capture: true});
 	}
 
 	function triggerOnEnter(event: KeyboardEvent) {

diff --git a/src/routes/checkbox/+page.svelte b/src/routes/checkbox/+page.svelte
@@ -1,5 +1,5 @@
 <script>
-	import { checkbox, keyboardNavigation } from '$lib';
+	import { checkbox, keyboardNavigation, stopPropagation } from '$lib';
 	import { range } from 'lodash-es';
 </script>
 
@@ -11,7 +11,7 @@
 		{#each range(10) as i}
         <label class="flex gap-2 items-center">
             {i}
-			<input type="checkbox" class="checkbox" use:checkbox use:keyboardNavigation />
+			<input type="checkbox" class="checkbox" use:checkbox use:keyboardNavigation onpointerdown={stopPropagation} onpointerup={stopPropagation}/>
             </label>
 		{/each}
 	</ul>