From 61c6fa2c1c87cb3952cf3372624f31e7e58363ab Mon Sep 17 00:00:00 2001
From: Jeff Sagal <sagalbot@gmail.com>
Date: Sat, 11 Mar 2017 23:19:06 -0800
Subject: [PATCH] add webkit prefix to appearance

---
 src/components/Select.vue | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/Select.vue b/src/components/Select.vue
index 8800531..a6b32ec 100644
--- a/src/components/Select.vue
+++ b/src/components/Select.vue
@@ -146,15 +146,17 @@
     opacity: .2;
   }
   /* Search Input */
+  .v-select input[type="search"]::-ms-clear,
   .v-select input[type="search"]::-webkit-search-decoration,
   .v-select input[type="search"]::-webkit-search-cancel-button,
   .v-select input[type="search"]::-webkit-search-results-button,
   .v-select input[type="search"]::-webkit-search-results-decoration {
     display: none;
   }
-  .v-select input[type=search],
-  .v-select input[type=search]:focus {
+  .v-select input[type="search"],
+  .v-select input[type="search"]:focus {
     appearance: none;
+    -webkit-appearance: none;
     line-height: 1.42857143;
     /*color: #555;*/
     border-radius: 4px;
@@ -174,7 +176,7 @@
     clear: none;
   }
   /* Search Input States */
-  .v-select.unsearchable input[type=search] {
+  .v-select.unsearchable input[type="search"] {
     max-width: 1px;
   }
   /* List Items */
@@ -254,12 +256,12 @@
   <div class="dropdown v-select" :class="dropdownClasses">
     <div ref="toggle" @mousedown.prevent="toggleDropdown" class="dropdown-toggle" type="button">
 
-        <span class="selected-tag" v-for="option in valueAsArray" v-bind:key="option.index">
-          {{ getOptionLabel(option) }}
-          <button v-if="multiple" @click="deselect(option)" type="button" class="close">
-            <span aria-hidden="true">&times;</span>
-          </button>
-        </span>
+      <span class="selected-tag" v-for="option in valueAsArray" v-bind:key="option.index">
+        {{ getOptionLabel(option) }}
+        <button v-if="multiple" @click="deselect(option)" type="button" class="close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </span>
 
       <input
               ref="search"
@@ -282,7 +284,7 @@
       <i v-if="!noDrop" ref="openIndicator" role="presentation" class="open-indicator"></i>
 
       <slot name="spinner">
-				<div class="spinner" v-show="mutableLoading">Loading...</div>
+        <div class="spinner" v-show="mutableLoading">Loading...</div>
       </slot>
     </div>