intl-tel-input 29.0.3 → 29.0.4

package/dist/js/intlTelInputWithUtils.mjs

@@ -2658,9 +2658,13 @@ var UI = class _UI {
       this.#updateSearchResultsA11yText();
     }
     if (!isFullscreen) {
-      this.#inlineDropdownHeight = this.#getHiddenInlineDropdownHeight();
+      const { height, width } = this.#getHiddenInlineDropdownSize();
+      this.#inlineDropdownHeight = height;
       if (countrySearch) {
-        this.#countrySelectorEl.style.height = `${this.#inlineDropdownHeight}px`;
+        this.#countrySelectorEl.style.height = `${height}px`;
+        if (!matchDropdownWidth && width > 0) {
+          this.#countrySelectorEl.style.width = `${width}px`;
+        }
       }
     }
     if (detachedParent) {
@@ -2881,8 +2885,8 @@ var UI = class _UI {
     body.removeChild(containerClone);
     return width;
   }
-  // Get the dropdown height (before it is added to the DOM)
-  #getHiddenInlineDropdownHeight() {
+  // Get the dropdown size (before it is added to the DOM)
+  #getHiddenInlineDropdownSize() {
     const body = _UI.#getBody();
     this.#countrySelectorEl.classList.remove(CLASSES.HIDE);
     const tempContainer = createEl("div", {
@@ -2892,10 +2896,14 @@ var UI = class _UI {
     tempContainer.style.visibility = "hidden";
     body.appendChild(tempContainer);
     const height = this.#countrySelectorEl.offsetHeight;
+    const width = this.#countrySelectorEl.offsetWidth;
     body.removeChild(tempContainer);
     tempContainer.style.visibility = "";
     this.#countrySelectorEl.classList.add(CLASSES.HIDE);
-    return height > 0 ? height : LAYOUT.FALLBACK_DROPDOWN_HEIGHT;
+    return {
+      height: height > 0 ? height : LAYOUT.FALLBACK_DROPDOWN_HEIGHT,
+      width
+    };
   }
   //* Update search results text (for a11y).
   #updateSearchResultsA11yText() {
@@ -4820,7 +4828,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtils: false,
     startedLoadingAutoCountry: false,
-    version: "29.0.3",
+    version: "29.0.4",
     NUMBER_FORMAT,
     NUMBER_TYPE,
     VALIDATION_ERROR,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intl-tel-input",
-  "version": "29.0.3",
+  "version": "29.0.4",
   "description": "A JavaScript library for entering, formatting, and validating international telephone numbers",
   "type": "module",
   "license": "MIT",