fix: special chars in showSearchBox (#410)

iamstevendao · Aug 3, 2023 · dd313a1 · dd313a1
1 parent 56c543b
commit dd313a1
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/components/vue-tel-input.vue b/src/components/vue-tel-input.vue
@@ -236,10 +236,13 @@ export default {
       if (!this.dropdownOptions.showSearchBox) {
         return countriesList;
       }
+      const userInput = this.searchQuery;
+      const cleanInput = userInput.replace(/[~`!@#$%^&*()+={}\[\];:\'\"<>.,\/\\\?-_]/g, '');
+
       return countriesList.filter(
-        (c) => (new RegExp(this.searchQuery, 'i')).test(c.name)
-          || (new RegExp(this.searchQuery, 'i')).test(c.iso2)
-          || (new RegExp(this.searchQuery, 'i')).test(c.dialCode),
+        (c) => (new RegExp(cleanInput, 'i')).test(c.name)
+          || (new RegExp(cleanInput, 'i')).test(c.iso2)
+          || (new RegExp(cleanInput, 'i')).test(c.dialCode),
       );
     },
     phoneObject() {