intl-tel-input 29.4.0 → 29.4.1

package/dist/js/intlTelInputWithUtils.js

@@ -1,5 +1,5 @@
 /*
- * International Telephone Input v29.4.0
+ * International Telephone Input v29.4.1
  * git+https://github.com/jackocnr/intl-tel-input.git
  * Licensed under the MIT license
  */
@@ -3473,7 +3473,7 @@ var _factory = (() => {
         this.#detachedCountrySelectorEl.remove();
         this.#detachedCountrySelectorEl.style.top = "";
         this.#detachedCountrySelectorEl.style.bottom = "";
-        this.#detachedCountrySelectorEl.style.height = "";
+        this.#detachedCountrySelectorEl.style.removeProperty("--iti-virtual-keyboard-height");
         this.#detachedCountrySelectorEl.style.paddingLeft = "";
         this.#detachedCountrySelectorEl.style.paddingRight = "";
       } else {
@@ -3532,14 +3532,16 @@ var _factory = (() => {
       this.telInputEl.style.anchorName = existing && existing !== "none" ? `${existing}, ${anchorName}` : anchorName;
       this.#detachedCountrySelectorEl.style.positionAnchor = anchorName;
     }
-    // Adjust the fullscreen popup dimensions to match the visual viewport,
-    // so it stays above the virtual keyboard on mobile devices.
+    // Tell the CSS how much of the fullscreen popup is covered by the virtual keyboard, so it can fit the
+    // country selector above it, while the popup itself (the dark backdrop) stays fullscreen behind the keyboard.
     #adjustFullscreenPopupToViewport() {
       const vv = window.visualViewport;
-      if (!vv || !this.#detachedCountrySelectorEl) {
+      const popup = this.#detachedCountrySelectorEl;
+      if (!vv || !popup) {
         return;
       }
-      this.#detachedCountrySelectorEl.style.height = `${vv.height}px`;
+      const virtualKeyboardHeight = Math.max(0, popup.offsetHeight - vv.height);
+      popup.style.setProperty("--iti-virtual-keyboard-height", `${virtualKeyboardHeight}px`);
     }
     // UI: Whether the country selector is currently open (visible).
     isCountrySelectorOpen() {
@@ -5009,7 +5011,7 @@ var _factory = (() => {
       attachUtils,
       startedLoadingUtils: false,
       startedLoadingAutoCountry: false,
-      version: "29.4.0",
+      version: "29.4.1",
       NUMBER_FORMAT,
       NUMBER_TYPE,
       VALIDATION_ERROR,