diff --git a/src/UI/Base/FileSelector.svelte b/src/UI/Base/FileSelector.svelte
index be48e9b2c..a8d423e0c 100644
--- a/src/UI/Base/FileSelector.svelte
+++ b/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" : "")}
diff --git a/src/UI/Image/UploadingImageCounter.svelte b/src/UI/Image/UploadingImageCounter.svelte
index 1965316de..e78f4a009 100644
--- a/src/UI/Image/UploadingImageCounter.svelte
+++ b/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 })} />