fix: Add tabindex="-1" to dropdown-menu to prevent scrollbars receiving focus (sagalbot#1304)

jonny5532 · Jonny · web-flow · commit e1e185dc0c21 · 2020-12-18T14:34:17.000-08:00
Co-authored-by: Jonny &lt;jonny@jonnybarker.com&gt;
diff --git a/src/components/Select.vue b/src/components/Select.vue
@@ -53,7 +53,7 @@
       </div>
     </div>
     <transition :name="transition">
-      <ul ref="dropdownMenu" v-if="dropdownOpen" :id="`vs${uid}__listbox`" :key="`vs${uid}__listbox`" class="vs__dropdown-menu" role="listbox" @mousedown.prevent="onMousedown" @mouseup="onMouseUp" v-append-to-body>
+      <ul ref="dropdownMenu" v-if="dropdownOpen" :id="`vs${uid}__listbox`" :key="`vs${uid}__listbox`" class="vs__dropdown-menu" role="listbox" @mousedown.prevent="onMousedown" @mouseup="onMouseUp" tabindex="-1" v-append-to-body>
         <slot name="list-header" v-bind="scope.listHeader" />
         <li
           role="option"
