Bug Fixed: Tel Input re-rendering after component update in Livewire 3.

victorybiz · Sep 26, 2023 · b4540b6 · b4540b6
1 parent 3916d2a
commit b4540b6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 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
@@ -278,17 +278,23 @@
 
   // Listen to the document events and re-render the tel inputs
   document.addEventListener("DOMContentLoaded", function() {
-    renderTelInput();
+    setTimeout(function () {
+      renderTelInput();
+    }, 5);
 
     // user dispatched browser events to re-render the tel inputs
     document.addEventListener("telDOMChanged", function() {
-      renderTelInput();
+      setTimeout(function () {
+        renderTelInput();
+      }, 5);
     });
 
     // Livewire event hook 
     if (window.Livewire) {
       window.Livewire.hook('component.initialized', component => {
-        renderTelInput();
+        setTimeout(function () {
+          renderTelInput();
+        }, 5);
       });
     }
   });