intl-tel-input icon indicating copy to clipboard operation
intl-tel-input copied to clipboard

Formatting is different between FF and Chrome

Open jpicaude opened this issue 10 months ago • 1 comments

Given the following Vue3 snippet

<script>
....
import { fr } from "intl-tel-input/i18n"
import IntlTelInput from "intl-tel-input/vueWithUtils"
.....
</script>

<template>
......
<IntlTelInput
    id="client-phone"
    @changeNumber="(newNumber) => console.log(newNumber)"
    :options="{
        formatAsYouType: true,
        i18n: fr,
        initialCountry: 'fr',
        nationalMode: false,
        separateDialCode: true,
    }"
    :value="form.phone"
    :modelValue="form.phone"
    class="form-control"
/>
......
</template>

I can see that formattting is working on Chrome but not on Firefox : a french number will be rendered as +33 6 12 34 56 78 on Chrome but +33612345678.

Just cannot figure out why...

jpicaude avatar Feb 27 '25 22:02 jpicaude

Please, take a look

https://github.com/jackocnr/intl-tel-input/pull/1980

joaovinicius avatar Mar 21 '25 20:03 joaovinicius

This should be fixed in v25.4.4. Let me know if you're still having any issues.

jackocnr avatar Aug 22 '25 10:08 jackocnr