From 63f26a9fa6509db4202a446463dea42b78c2a94b Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Wed, 12 Oct 2022 19:58:29 -0700
Subject: [PATCH] fix(a11y): ignore false positive a11y warnings

Fixes #1517
---
 src/CodeSnippet/CodeSnippet.svelte                | 1 +
 src/ComposedModal/ComposedModal.svelte            | 1 +
 src/ComposedModal/ModalBody.svelte                | 1 +
 src/DataTable/DataTableSkeleton.svelte            | 1 +
 src/FileUploader/FileUploaderButton.svelte        | 1 +
 src/FileUploader/FileUploaderDropContainer.svelte | 1 +
 src/ListBox/ListBoxField.svelte                   | 1 +
 src/Modal/Modal.svelte                            | 1 +
 src/NumberInput/NumberInput.svelte                | 1 +
 src/Search/Search.svelte                          | 1 +
 src/StructuredList/StructuredListRow.svelte       | 1 +
 src/TextArea/TextArea.svelte                      | 1 +
 src/TextInput/PasswordInput.svelte                | 1 +
 src/TextInput/TextInput.svelte                    | 1 +
 src/Tile/SelectableTile.svelte                    | 1 +
 src/TimePicker/TimePicker.svelte                  | 1 +
 src/Tooltip/Tooltip.svelte                        | 1 +
 src/TreeView/TreeViewNodeList.svelte              | 1 +
 src/UIShell/SideNav.svelte                        | 1 +
 19 files changed, 19 insertions(+)

diff --git a/src/CodeSnippet/CodeSnippet.svelte b/src/CodeSnippet/CodeSnippet.svelte
index 51358511..8a2e184e 100644
--- a/src/CodeSnippet/CodeSnippet.svelte
+++ b/src/CodeSnippet/CodeSnippet.svelte
@@ -215,6 +215,7 @@
     on:mouseenter
     on:mouseleave
   >
+    <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
     <div
       role="{type === 'single' ? 'textbox' : undefined}"
       tabindex="{type === 'single' && !disabled ? '0' : undefined}"
diff --git a/src/ComposedModal/ComposedModal.svelte b/src/ComposedModal/ComposedModal.svelte
index c8d783ad..ae35cdfe 100644
--- a/src/ComposedModal/ComposedModal.svelte
+++ b/src/ComposedModal/ComposedModal.svelte
@@ -150,6 +150,7 @@
     }
   }}"
 >
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <div
     bind:this="{innerModal}"
     role="dialog"
diff --git a/src/ComposedModal/ModalBody.svelte b/src/ComposedModal/ModalBody.svelte
index 41554a05..12b95ef0 100644
--- a/src/ComposedModal/ModalBody.svelte
+++ b/src/ComposedModal/ModalBody.svelte
@@ -6,6 +6,7 @@
   export let hasScrollingContent = false;
 </script>
 
+<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
 <div
   tabindex="{hasScrollingContent ? '0' : undefined}"
   role="{hasScrollingContent ? 'region' : undefined}"
diff --git a/src/DataTable/DataTableSkeleton.svelte b/src/DataTable/DataTableSkeleton.svelte
index 2628d9ed..c2d49842 100644
--- a/src/DataTable/DataTableSkeleton.svelte
+++ b/src/DataTable/DataTableSkeleton.svelte
@@ -63,6 +63,7 @@
       </div>
     </section>
   {/if}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <table
     class:bx--skeleton="{true}"
     class:bx--data-table="{true}"
diff --git a/src/FileUploader/FileUploaderButton.svelte b/src/FileUploader/FileUploaderButton.svelte
index 16864fb3..7a626f64 100644
--- a/src/FileUploader/FileUploaderButton.svelte
+++ b/src/FileUploader/FileUploaderButton.svelte
@@ -60,6 +60,7 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
 <label
   aria-disabled="{disabled}"
   for="{id}"
diff --git a/src/FileUploader/FileUploaderDropContainer.svelte b/src/FileUploader/FileUploaderDropContainer.svelte
index 20213bef..e0648f88 100644
--- a/src/FileUploader/FileUploaderDropContainer.svelte
+++ b/src/FileUploader/FileUploaderDropContainer.svelte
@@ -81,6 +81,7 @@
     }
   }}"
 >
+  <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
   <label
     for="{id}"
     tabindex="{tabindex}"
diff --git a/src/ListBox/ListBoxField.svelte b/src/ListBox/ListBoxField.svelte
index 38cb4474..c1094ae2 100644
--- a/src/ListBox/ListBoxField.svelte
+++ b/src/ListBox/ListBoxField.svelte
@@ -43,6 +43,7 @@
   $: menuId = `menu-${id}`;
 </script>
 
+<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
 <div
   bind:this="{ref}"
   role="{role}"
diff --git a/src/Modal/Modal.svelte b/src/Modal/Modal.svelte
index 30259344..a75e6aa6 100644
--- a/src/Modal/Modal.svelte
+++ b/src/Modal/Modal.svelte
@@ -243,6 +243,7 @@
         </button>
       {/if}
     </div>
+    <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
     <div
       id="{modalBodyId}"
       class:bx--modal-content="{true}"
diff --git a/src/NumberInput/NumberInput.svelte b/src/NumberInput/NumberInput.svelte
index 45f0ce54..78e30155 100644
--- a/src/NumberInput/NumberInput.svelte
+++ b/src/NumberInput/NumberInput.svelte
@@ -153,6 +153,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   on:click
diff --git a/src/Search/Search.svelte b/src/Search/Search.svelte
index 9980badb..59bb8267 100644
--- a/src/Search/Search.svelte
+++ b/src/Search/Search.svelte
@@ -101,6 +101,7 @@
     class:bx--search--expanded="{expanded}"
     class="{searchClass}"
   >
+    <!-- svelte-ignore a11y-click-events-have-key-events -->
     <div
       bind:this="{searchRef}"
       class:bx--search-magnifier="{true}"
diff --git a/src/StructuredList/StructuredListRow.svelte b/src/StructuredList/StructuredListRow.svelte
index d8a03c9c..0fcb6108 100644
--- a/src/StructuredList/StructuredListRow.svelte
+++ b/src/StructuredList/StructuredListRow.svelte
@@ -12,6 +12,7 @@
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
 {#if label}
   <!-- svelte-ignore a11y-label-has-associated-control -->
+  <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
   <label
     tabindex="{tabindex}"
     class:bx--structured-list-row="{true}"
diff --git a/src/TextArea/TextArea.svelte b/src/TextArea/TextArea.svelte
index 1481ca71..8661908d 100644
--- a/src/TextArea/TextArea.svelte
+++ b/src/TextArea/TextArea.svelte
@@ -59,6 +59,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   on:click
   on:mouseover
diff --git a/src/TextInput/PasswordInput.svelte b/src/TextInput/PasswordInput.svelte
index a2d790b0..a904339d 100644
--- a/src/TextInput/PasswordInput.svelte
+++ b/src/TextInput/PasswordInput.svelte
@@ -94,6 +94,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   class:bx--text-input-wrapper="{true}"
diff --git a/src/TextInput/TextInput.svelte b/src/TextInput/TextInput.svelte
index 2616c2bc..f50ea61e 100644
--- a/src/TextInput/TextInput.svelte
+++ b/src/TextInput/TextInput.svelte
@@ -100,6 +100,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   class:bx--text-input-wrapper="{true}"
diff --git a/src/Tile/SelectableTile.svelte b/src/Tile/SelectableTile.svelte
index cd0eb86f..a613a919 100644
--- a/src/Tile/SelectableTile.svelte
+++ b/src/Tile/SelectableTile.svelte
@@ -53,6 +53,7 @@
   disabled="{disabled}"
 />
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
 <label
   for="{id}"
   tabindex="{disabled ? undefined : tabindex}"
diff --git a/src/TimePicker/TimePicker.svelte b/src/TimePicker/TimePicker.svelte
index dfd824cc..49be019c 100644
--- a/src/TimePicker/TimePicker.svelte
+++ b/src/TimePicker/TimePicker.svelte
@@ -52,6 +52,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   on:click
diff --git a/src/Tooltip/Tooltip.svelte b/src/Tooltip/Tooltip.svelte
index 2bdc3106..a520cd59 100644
--- a/src/Tooltip/Tooltip.svelte
+++ b/src/Tooltip/Tooltip.svelte
@@ -249,6 +249,7 @@
       on:keydown="{onKeydown}"
     >
       <span class:bx--tooltip__caret="{true}"></span>
+      <!-- svelte-ignore a11y-click-events-have-key-events -->
       <div
         on:click|stopPropagation
         on:mousedown|stopPropagation
diff --git a/src/TreeView/TreeViewNodeList.svelte b/src/TreeView/TreeViewNodeList.svelte
index c5afefa3..8d0c922d 100644
--- a/src/TreeView/TreeViewNodeList.svelte
+++ b/src/TreeView/TreeViewNodeList.svelte
@@ -132,6 +132,7 @@
     }}"
   >
     <div class:bx--tree-node__label="{true}" bind:this="{refLabel}">
+      <!-- svelte-ignore a11y-click-events-have-key-events -->
       <span
         class:bx--tree-parent-node__toggle="{true}"
         disabled="{disabled}"
diff --git a/src/UIShell/SideNav.svelte b/src/UIShell/SideNav.svelte
index a120b191..3db9e0bb 100644
--- a/src/UIShell/SideNav.svelte
+++ b/src/UIShell/SideNav.svelte
@@ -55,6 +55,7 @@
 <svelte:window bind:innerWidth="{winWidth}" />
 
 {#if !fixed}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <div
     on:click="{() => {
       dispatch('click:overlay');