intl-tel-input
intl-tel-input copied to clipboard
Formatting is different between FF and Chrome
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...
Please, take a look
https://github.com/jackocnr/intl-tel-input/pull/1980
This should be fixed in v25.4.4. Let me know if you're still having any issues.