fix: window-drag on Windows

- remove listener on unmounting outside click

src/components/PageHeader.vue

@@ -1,15 +1,10 @@
 <template>
   <div
-    class="
+    class="px-4 flex justify-between items-center h-row-largest flex-shrink-0"
-      px-4
+    :class="[
-      flex
+      border ? 'border-b' : '',
-      justify-between
+      platform !== 'Windows' ? 'window-drag' : '',
-      window-drag
+    ]"
-      items-center
-      h-row-largest
-      flex-shrink-0
-    "
-    :class="border ? 'border-b' : ''"
   >
     <h1 class="text-xl font-semibold select-none" v-if="title">
       {{ title }}

src/pages/SetupWizard/SetupWizard.vue

@@ -1,5 +1,8 @@
 <template>
-  <div class="flex-1 bg-gray-25 flex justify-center items-center window-drag">
+  <div
+    class="flex-1 bg-gray-25 flex justify-center items-center window-drag"
+    :class="{ 'window-drag': platform !== 'Windows' }"
+  >
     <!-- Setup Wizard Slide -->
     <Slide
       :primary-disabled="!valuesFilled || loading"

src/renderer/helpers.ts

@@ -1,35 +1,39 @@
 import { Directive } from 'vue';
 
-const instances: OutsideClickCallback[] = [];
 type OutsideClickCallback = (e: Event) => void;
+const instanceMap: Map<HTMLElement, OutsideClickCallback> = new Map();
 
 export const outsideClickDirective: Directive<
   HTMLElement,
   OutsideClickCallback
 > = {
   beforeMount(el, binding) {
-    el.dataset.outsideClickIndex = String(instances.length);
+    const clickHandler = function (e: Event) {
-
+      onDocumentClick(e, el, binding.value);
-    const fn = binding.value;
-    const click = function (e: Event) {
-      onDocumentClick(e, el, fn);
     };
 
-    document.addEventListener('click', click);
+    removeHandlerIfPresent(el);
-    instances.push(click);
+    instanceMap.set(el, clickHandler);
+    document.addEventListener('click', clickHandler);
   },
   unmounted(el) {
-    const index = parseInt(el.dataset.outsideClickIndex ?? '0');
+    removeHandlerIfPresent(el);
-    const handler = instances[index];
-    document.addEventListener('click', handler);
-    instances.splice(index, 1);
   },
 };
 
 function onDocumentClick(e: Event, el: HTMLElement, fn: OutsideClickCallback) {
-  const target = e.target;
+  const target = e.target as Node;
-
+  if (el !== target && !el.contains(target)) {
-  if (el !== target && !el.contains(target as Node)) {
+    fn?.(e);
-    fn(e);
   }
 }
+
+function removeHandlerIfPresent(el: HTMLElement) {
+  const clickHandler = instanceMap.get(el);
+  if (!clickHandler) {
+    return;
+  }
+
+  instanceMap.delete(el);
+  document.removeEventListener('click', clickHandler);
+}