fix: use click instead of mousedown event, fixes iOS bug (#1248)

Thanks to @PieterWigboldus for originally reporting in #814 and fixing in #815.

Co-authored-by: Jeff Sagal <sagalbot@gmail.com>

src/components/Select.vue

@@ -109,7 +109,7 @@
           }"
           :aria-selected="index === typeAheadPointer ? true : null"
           @mouseover="selectable(option) ? (typeAheadPointer = index) : null"
-          @mousedown.prevent.stop="selectable(option) ? select(option) : null"
+          @click.prevent.stop="selectable(option) ? select(option) : null"
         >
           <slot name="option" v-bind="normalizeOptionForSlot(option)">
             {{ getOptionLabel(option) }}

src/scss/modules/_dropdown-option.scss

@@ -6,10 +6,7 @@
   clear: both;
   color: #333; /* Overrides most CSS frameworks */
   white-space: nowrap;
-
-  &:hover {
-    cursor: pointer;
-  }
+  cursor: pointer;
 }
 
 .vs__dropdown-option--highlight {
@@ -20,8 +17,5 @@
 .vs__dropdown-option--disabled {
   background: inherit;
   color: $vs-state-disabled-color;
-
-  &:hover {
-    cursor: inherit;
-  }
+  cursor: inherit;
 }