From 6b60b649c48eea29427bd852b9e77cdefa3df84f Mon Sep 17 00:00:00 2001
From: iYasha <33287747+iYasha@users.noreply.github.com>
Date: Sat, 17 Dec 2022 15:10:32 +0200
Subject: [PATCH] Added option to hide dropdown

---
 src/components/vue-tel-input.vue | 1 +
 src/utils.js                     | 7 +++++++
 2 files changed, 8 insertions(+)

diff --git a/src/components/vue-tel-input.vue b/src/components/vue-tel-input.vue
index bb1a30b1..08e44c06 100644
--- a/src/components/vue-tel-input.vue
+++ b/src/components/vue-tel-input.vue
@@ -1,6 +1,7 @@
 <template>
   <div :class="['vue-tel-input', styleClasses, { disabled: disabled }]">
     <div
+      v-if="dropdownOptions.show"
       v-click-outside="clickedOutside"
       aria-label="Country Code Selector"
       aria-haspopup="listbox"
diff --git a/src/utils.js b/src/utils.js
index 67c421aa..86241506 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -80,6 +80,13 @@ export const allProps = [
     description: 'Options for dropdown, see below',
     inDemo: false,
   },
+  {
+    name: 'dropdownOptions.show',
+    default: true,
+    type: Boolean,
+    description: 'Show dropdown',
+    inDemo: false,
+  },
   {
     name: 'dropdownOptions.disabled',
     default: false,