From d1e1676bc773e02db9d1eece537d4f745158d932 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Thu, 28 Apr 2022 07:24:53 -0700
Subject: [PATCH] fix(file-uploader-item): fix "delete" event regression

Fixes #1267
---
 docs/src/COMPONENT_API.json      |  4 ++--
 src/FileUploader/Filename.svelte | 11 +++++++----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index fa485197..ac6eedf2 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -4053,8 +4053,8 @@
       "moduleExports": [],
       "slots": [],
       "events": [
-        { "type": "forwarded", "name": "click", "element": "Close" },
-        { "type": "forwarded", "name": "keydown", "element": "Close" }
+        { "type": "forwarded", "name": "click", "element": "button" },
+        { "type": "forwarded", "name": "keydown", "element": "button" }
       ],
       "typedefs": [],
       "rest_props": { "type": "InlineComponent", "name": "Loading" }
diff --git a/src/FileUploader/Filename.svelte b/src/FileUploader/Filename.svelte
index b8b21b7b..efec5171 100644
--- a/src/FileUploader/Filename.svelte
+++ b/src/FileUploader/Filename.svelte
@@ -30,14 +30,17 @@
   {#if invalid}
     <WarningFilled class="bx--file-invalid" />
   {/if}
-  <Close
+  <button
     aria-label="{iconDescription}"
-    title="{iconDescription}"
-    class="bx--file-close"
+    class:bx--file-close="{true}"
+    type="button"
+    tabindex="0"
     {...$$restProps}
     on:click
     on:keydown
-  />
+  >
+    <Close />
+  </button>
 {/if}
 
 {#if status === "complete"}