Fix #1752

src/UI/Base/FileSelector.svelte

@@ -51,11 +51,30 @@
     window.removeEventListener("drop", handleDragEvent)
   })
 
-
 </script>
 
 <form
   bind:this={formElement}
+  on:change|preventDefault={() => {
+    drawAttention = false
+    dispatcher("submit", inputElement.files)
+  }}
+  on:dragend={() => {
+    console.log("Drag end")
+    drawAttention = false
+  }}
+  on:dragenter|preventDefault|stopPropagation={(e) => {
+    console.log("Dragging enter")
+    drawAttention = true
+    e.dataTransfer.dropEffect = "copy"
+  }}
+  on:dragstart={() => {
+    drawAttention = false
+  }}
+  on:drop|preventDefault|stopPropagation={(e) => {
+    drawAttention = false
+    dispatcher("submit", e.dataTransfer.files)
+  }}
 >
   <label
     class={twMerge(cls, drawAttention ? "glowing-shadow" : "")}

src/UI/Image/UploadingImageCounter.svelte

@@ -65,7 +65,7 @@
   {/if}
   {#if $failed > 0}
     <div class="alert flex flex-col">
-      {#if failed === 1}
+      {#if $failed === 1}
         <Tr cls="self-center" t={t.upload.one.failed} />
       {:else}
         <Tr cls="self-center" t={t.upload.multiple.someFailed.Subs({ count: $failed })} />