Fix: padding-left set to window width

When separateDialCode enabled, plugin initialised while input is hidden, and dev has some custom CSS to make .iti have width:100% then we were setting padding left to the window width.
mrkhoa99 · May 30, 2020 · d9b15b6 · d9b15b6
1 parent 2260f6f
commit d9b15b6
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 6 deletions.
diff --git a/build/js/intlTelInput-jquery.js b/build/js/intlTelInput-jquery.js
@@ -964,8 +964,10 @@
                 var containerClone = this.telInput.parentNode.cloneNode();
                 containerClone.style.visibility = "hidden";
                 document.body.appendChild(containerClone);
+                var flagsContainerClone = this.flagsContainer.cloneNode();
+                containerClone.appendChild(flagsContainerClone);
                 var selectedFlagClone = this.selectedFlag.cloneNode(true);
-                containerClone.appendChild(selectedFlagClone);
+                flagsContainerClone.appendChild(selectedFlagClone);
                 var width = selectedFlagClone.offsetWidth;
                 containerClone.parentNode.removeChild(containerClone);
                 return width;

diff --git a/build/js/intlTelInput-jquery.min.js b/build/js/intlTelInput-jquery.min.js
diff --git a/build/js/intlTelInput.js b/build/js/intlTelInput.js
@@ -959,8 +959,10 @@
                     var containerClone = this.telInput.parentNode.cloneNode();
                     containerClone.style.visibility = "hidden";
                     document.body.appendChild(containerClone);
+                    var flagsContainerClone = this.flagsContainer.cloneNode();
+                    containerClone.appendChild(flagsContainerClone);
                     var selectedFlagClone = this.selectedFlag.cloneNode(true);
-                    containerClone.appendChild(selectedFlagClone);
+                    flagsContainerClone.appendChild(selectedFlagClone);
                     var width = selectedFlagClone.offsetWidth;
                     containerClone.parentNode.removeChild(containerClone);
                     return width;

diff --git a/build/js/intlTelInput.min.js b/build/js/intlTelInput.min.js
diff --git a/src/js/intlTelInput.js b/src/js/intlTelInput.js
@@ -1017,8 +1017,11 @@ class Iti {
     containerClone.style.visibility = 'hidden';
     document.body.appendChild(containerClone);
 
+    const flagsContainerClone = this.flagsContainer.cloneNode();
+    containerClone.appendChild(flagsContainerClone);
+
     const selectedFlagClone = this.selectedFlag.cloneNode(true);
-    containerClone.appendChild(selectedFlagClone);
+    flagsContainerClone.appendChild(selectedFlagClone);
 
     const width = selectedFlagClone.offsetWidth;
     containerClone.parentNode.removeChild(containerClone);