Add touchend handler - see isaacHagoel/svelte-dnd-action#557

preiter93 · Dec 7, 2024 · 8e0d867 · 8e0d867
1 parent 283e502
commit 8e0d867
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/src/lib/components/TimerItem.svelte b/src/lib/components/TimerItem.svelte
@@ -143,7 +143,11 @@
 <div class="timer-item">
 	<div class="timer-item-content">
 		<div class="timer-name-row">
-			<button onclick={toggleIsExpanded} class="chevron">
+			<button
+				onclick={toggleIsExpanded}
+				ontouchend={toggleIsExpanded}
+				class="chevron"
+			>
 				<div>
 					<svg
 						class="chevron {isExpanded ? 'up' : 'down'}"

diff --git a/src/lib/components/buttons/CancelButton.svelte b/src/lib/components/buttons/CancelButton.svelte
@@ -10,7 +10,12 @@
 	let { margin = "0", onclick } = $props();
 </script>
 
-<button {onclick} class="cancel-button" style="margin: {margin};">
+<button
+	{onclick}
+	ontouchend={onclick}
+	class="cancel-button"
+	style="margin: {margin};"
+>
 	<div class="center">
 		<CancelIcon />
 	</div></button

diff --git a/src/lib/components/buttons/ControlButton.svelte b/src/lib/components/buttons/ControlButton.svelte
@@ -17,7 +17,13 @@
 	let { symbol, cls = "default", margin = "0", onclick } = $props();
 </script>
 
-<button {onclick} class={cls} style="margin: {margin};" data-testid={symbol}>
+<button
+	{onclick}
+	ontouchend={onclick}
+	class={cls}
+	style="margin: {margin};"
+	data-testid={symbol}
+>
 	<div class="center">
 		{#if symbol === "play"}
 			<PlayIcon />