add popper class

Jumbleberry · Nov 24, 2018 · ac995a4 · ac995a4
1 parent b9c5f4c
commit ac995a4
Show file tree

Hide file tree

Showing 8 changed files with 19 additions and 2,266 deletions.
diff --git a/dist/elTelInput.common.js b/dist/elTelInput.common.js
diff --git a/dist/elTelInput.common.js.map b/dist/elTelInput.common.js.map
diff --git a/dist/elTelInput.umd.js b/dist/elTelInput.umd.js
diff --git a/dist/elTelInput.umd.js.map b/dist/elTelInput.umd.js.map
diff --git a/dist/elTelInput.umd.min.js b/dist/elTelInput.umd.min.js
diff --git a/dist/elTelInput.umd.min.js.map b/dist/elTelInput.umd.min.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jumbleberry/el-tel-input",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "private": true,
   "main": "./dist/elTelInput.common.js",
   "homepage": "https://github.com/Jumbleberry/el-tel-input/",

diff --git a/src/components/ElTelInput.vue b/src/components/ElTelInput.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="el-tel-input">
     <el-input :placeholder="placeholder" :value="nationalNumber" @input="handleNationalNumberInput" class="input-with-select">
-      <el-select :value="country" @input="handleCountryCodeInput" filterable :filter-method="handleFilterCountries" slot="prepend" popper-class="el-tel-input__dropdown" placeholder="Country">
+      <el-select :value="country" @input="handleCountryCodeInput" filterable :filter-method="handleFilterCountries" slot="prepend" :popper-class="popperClass + ' el-tel-input__dropdown'" placeholder="Country">
         <el-flagged-label slot="prefix" v-if="selectedCountry" :country="selectedCountry" :show-name="false"></el-flagged-label>
         <el-option v-for="country in filteredCountries" :key="country.iso2" :value="country.iso2" :label="`+${country.dialCode}`" :default-first-option="true">
           <el-flagged-label :country="country"></el-flagged-label>
@@ -47,7 +47,8 @@ export default {
     placeholder: {
       type: String,
       default: 'Phone Number'
-    }
+    },
+    popperClass
   },
   data() {
     const parsedPhoneNumber = getParsedPhoneNumber(this.value, '');