Estoy usando la biblioteca intl-tel-input para entradas de números de teléfono internacionales. Sin embargo, solo busco permitir que los usuarios seleccionen o cambien un código de país pero no ingresen un nuevo número de teléfono. Entonces, me pregunto cómo puedo deshabilitar la entrada del número de teléfono pero mantener el menú desplegable del código de país

si uso el atributo de desactivación en la entrada, no permite la selección del código de país. Entonces, este menú desplegable no funciona cuando se usa la desactivación.

Idealmente, los usuarios ni siquiera podrían hacer clic en la entrada (excepto en la parte desplegable)

 <div class="slds-var-p-top_xx-small"> <input type="tel" class="slds-input" data-id="contactPhoneInput" name="country" value={user.Contact.Phone}></input> </div>

// Javascript

 const TELINPUT = window.intlTelInput; const INITIALCOUNTRY = "us"; const PREFERREDCOUNTRIES = ["us", "ca", "mx"]; createPhoneInput(TELINPUT, TYPE) { const INPUT = this.template.querySelector(`[data-id=${TYPE}Input]`); this.intlTele[TYPE] = TELINPUT(INPUT, { utilsScript: RESOURCE_utilsjs, initialCountry: INITIALCOUNTRY, preferredCountries: PREFERREDCOUNTRIES }); }