Minor fix and performance improvement.

victorybiz · Sep 26, 2023 · 2f1dd56 · 2f1dd56
1 parent b4540b6
commit 2f1dd56
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/public/js/laravel-tel-input.js b/public/js/laravel-tel-input.js
diff --git a/resources/js/laravel-tel-input.js b/resources/js/laravel-tel-input.js
@@ -214,7 +214,9 @@
     }
 
     // Listen the tel inputs events
+    telInput.removeEventListener('countrychange', countryChangeEventFunc);
     telInput.addEventListener('countrychange', countryChangeEventFunc);
+    telInput.removeEventListener('change', telInputChangeEventFunc);
     telInput.addEventListener('change', telInputChangeEventFunc);
 
     // listen and sync phone number with tel input if any
@@ -225,21 +227,25 @@
         if (oldValue != '' && oldValue.charAt(0) != '+' && oldValue.charAt(0) != '0') {
           oldValue = `+${oldValue}`;
         }
-        phoneInput.addEventListener('change', function () {
+        const changeHandler = function () {
           let newValue = this.value?.trim();
           if (newValue != oldValue && newValue != '') {
             itiPhone.setNumber(newValue);
           }
-        });
+        }
+        phoneInput.removeEventListener('change', changeHandler);
+        phoneInput.addEventListener('change', changeHandler);
       }
     }
     // listen and sync phone country with tel input if any
     if (telInput.dataset.phoneCountryInput) {
       const phoneCountryInput = document.querySelector(telInput.dataset.phoneCountryInput);
       if (phoneCountryInput) {
-        phoneCountryInput.addEventListener('change', function () {
+        const changeHandler = function () {
           itiPhone.setCountry(this.value?.trim());
-        });
+        }
+        phoneCountryInput.removeEventListener('change', changeHandler);
+        phoneCountryInput.addEventListener('change', changeHandler);
       }
     }
 

diff --git a/resources/views/components/laravel-tel-input.blade.php b/resources/views/components/laravel-tel-input.blade.php
@@ -1,9 +1,11 @@
 {{-- Hidden phone input --}}
 <input
   type="hidden"
-  {{ $attributes->wire('model') }}
   id="{{ $id }}"
   name="{{ $name }}"
+  @if ($attributes->whereStartsWith('wire:model')->first())
+    {{ $attributes->wire('model') }}
+  @endif
   @if ($attributes->has('value'))
     value="{{ $attributes->get('value') }}"
   @endif