refactor(ui): a11y improvements

components/collections/ImportExport.vue

@@ -19,7 +19,6 @@
           "
           ref="options"
           interactive
-          tabindex="-1"
           trigger="click"
           theme="popover"
           arrow

components/collections/graphql/Collection.vue

@@ -44,14 +44,7 @@
           })
         "
       />
-      <tippy
-        ref="options"
-        interactive
-        tabindex="-1"
-        trigger="click"
-        theme="popover"
-        arrow
-      >
+      <tippy ref="options" interactive trigger="click" theme="popover" arrow>
         <template #trigger>
           <ButtonSecondary
             v-tippy="{ theme: 'tooltip' }"

components/collections/graphql/Folder.vue

@@ -42,14 +42,7 @@
         class="group-hover:inline-flex hidden"
         @click.native="$emit('add-folder', { folder, path: folderPath })"
       />
-      <tippy
-        ref="options"
-        interactive
-        tabindex="-1"
-        trigger="click"
-        theme="popover"
-        arrow
-      >
+      <tippy ref="options" interactive trigger="click" theme="popover" arrow>
         <template #trigger>
           <ButtonSecondary
             v-tippy="{ theme: 'tooltip' }"

components/collections/graphql/ImportExport.vue

@@ -3,14 +3,7 @@
     <template #header>
       <h3 class="heading">{{ $t("import_export") }} {{ $t("collections") }}</h3>
       <div class="flex">
-        <tippy
-          ref="options"
-          interactive
-          tabindex="-1"
-          trigger="click"
-          theme="popover"
-          arrow
-        >
+        <tippy ref="options" interactive trigger="click" theme="popover" arrow>
           <template #trigger>
             <TabPrimary
               v-tippy="{ theme: 'tooltip' }"

components/collections/graphql/Request.vue

@@ -49,14 +49,7 @@
         class="group-hover:inline-flex hidden"
         @click.native="!doc ? selectRequest() : {}"
       />
-      <tippy
-        ref="options"
-        interactive
-        tabindex="-1"
-        trigger="click"
-        theme="popover"
-        arrow
-      >
+      <tippy ref="options" interactive trigger="click" theme="popover" arrow>
         <template #trigger>
           <ButtonSecondary
             v-tippy="{ theme: 'tooltip' }"

components/collections/my/Collection.vue

@@ -62,14 +62,7 @@
           })
         "
       />
-      <tippy
-        ref="options"
-        interactive
-        tabindex="-1"
-        trigger="click"
-        theme="popover"
-        arrow
-      >
+      <tippy ref="options" interactive trigger="click" theme="popover" arrow>
         <template #trigger>
           <ButtonSecondary
             v-tippy="{ theme: 'tooltip' }"

components/collections/my/Folder.vue

@@ -42,14 +42,7 @@
         class="group-hover:inline-flex hidden"
         @click.native="$emit('add-folder', { folder, path: folderPath })"
       />
-      <tippy
-        ref="options"
-        interactive
-        tabindex="-1"
-        trigger="click"
-        theme="popover"
-        arrow
-      >
+      <tippy ref="options" interactive trigger="click" theme="popover" arrow>
         <template #trigger>
           <ButtonSecondary
             v-tippy="{ theme: 'tooltip' }"

components/collections/my/Request.vue

@@ -57,14 +57,7 @@
         class="group-hover:inline-flex hidden"
         @click.native="!doc ? selectRequest() : {}"
       />
-      <tippy
-        ref="options"
-        interactive
-        tabindex="-1"
-        trigger="click"
-        theme="popover"
-        arrow
-      >
+      <tippy ref="options" interactive trigger="click" theme="popover" arrow>
         <template #trigger>
           <ButtonSecondary
             v-tippy="{ theme: 'tooltip' }"

components/collections/teams/Collection.vue

@@ -58,7 +58,6 @@
         v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
         ref="options"
         interactive
-        tabindex="-1"
         trigger="click"
         theme="popover"
         arrow

components/collections/teams/Folder.vue

@@ -39,7 +39,6 @@
         v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
         ref="options"
         interactive
-        tabindex="-1"
         trigger="click"
         theme="popover"
         arrow

components/collections/teams/Request.vue

@@ -54,7 +54,6 @@
         v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
         ref="options"
         interactive
-        tabindex="-1"
         trigger="click"
         theme="popover"
         arrow