Merge pull request #764 from dcapslock/touch-fix

fix: When using title card, need to click twice on icon to toggle expander after clicking on title card.

Author: MelleD

src/ExpanderCard.svelte

@@ -64,6 +64,7 @@
     }: {hass: HomeAssistant; preview: boolean; config: ExpanderConfig} = $props();
 
     let touchPreventClick = $state(false);
+    let touchPreventClickTimeout: ReturnType<typeof setTimeout> | null = $state(null);
     let open = $state(preview ? true : false);
     let previewState = $state(preview ? true : false);
     let showButtonUsers = $state(true);
@@ -212,6 +213,10 @@
             event.preventDefault();
             event.stopImmediatePropagation();
             touchPreventClick = false;
+            if (touchPreventClickTimeout) {
+                clearTimeout(touchPreventClickTimeout);
+                touchPreventClickTimeout = null;
+            }
             return false;
         }
         toggleOpen();
@@ -246,9 +251,14 @@
     const touchEnd = (event: TouchEvent) => {
         if (!isScrolling && touchElement === event.target && config['title-card-clickable']) {
             toggleOpen();
+            touchPreventClick = true;
+            // A touch event may not always be followed by a click event so we set a timeout to reset
+            touchPreventClickTimeout = window.setTimeout(() => {
+                touchPreventClick = false;
+                touchPreventClickTimeout = null;
+            }, 100);
         }
         touchElement = undefined;
-        touchPreventClick = true;
     };
 </script>