Force nationalMode false if no flags and no dial code

jackocnr · May 1, 2024 · c8ba37c · c8ba37c
1 parent ddab20c
commit c8ba37c
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 3 deletions.
diff --git a/build/js/intlTelInput.js b/build/js/intlTelInput.js
@@ -1566,6 +1566,9 @@ var factoryOutput = (() => {
         this.options.allowDropdown = true;
         this.options.nationalMode = false;
       }
+      if (!this.options.showFlags && !this.options.separateDialCode) {
+        this.options.nationalMode = false;
+      }
       if (this.options.useFullscreenPopup && !this.options.dropdownContainer) {
         this.options.dropdownContainer = document.body;
       }

diff --git a/build/js/intlTelInput.min.js b/build/js/intlTelInput.min.js
diff --git a/react/build/IntlTelInput.cjs b/react/build/IntlTelInput.cjs
diff --git a/react/build/IntlTelInput.js b/react/build/IntlTelInput.js
diff --git a/react/demo/simple-bundle.js b/react/demo/simple-bundle.js
@@ -25041,6 +25041,9 @@
         this.options.allowDropdown = true;
         this.options.nationalMode = false;
       }
+      if (!this.options.showFlags && !this.options.separateDialCode) {
+        this.options.nationalMode = false;
+      }
       if (this.options.useFullscreenPopup && !this.options.dropdownContainer) {
         this.options.dropdownContainer = document.body;
       }

diff --git a/react/demo/validation-bundle.js b/react/demo/validation-bundle.js
@@ -25041,6 +25041,9 @@
         this.options.allowDropdown = true;
         this.options.nationalMode = false;
       }
+      if (!this.options.showFlags && !this.options.separateDialCode) {
+        this.options.nationalMode = false;
+      }
       if (this.options.useFullscreenPopup && !this.options.dropdownContainer) {
         this.options.dropdownContainer = document.body;
       }

diff --git a/src/js/intl-tel-input.ts b/src/js/intl-tel-input.ts
@@ -548,6 +548,11 @@ export class Iti {
       this.options.nationalMode = false;
     }
 
+    // if no flags, and no dial code, force nationalMode to false, as it doesn't make sense to show a national number placeholder if there's no way to see which country is selected
+    if (!this.options.showFlags && !this.options.separateDialCode) {
+      this.options.nationalMode = false;
+    }
+
     //* On mobile, we want a full screen dropdown, so we must append it to the body.
     if (this.options.useFullscreenPopup && !this.options.dropdownContainer) {
       this.options.dropdownContainer = document.body;