[BUG][MazPhoneNumberInput] Phone number input is not completely clear

[Bilal Shah]

Describe the bug
last char in input was not clear.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'MazPhoneNumberInput'
2. Enter 'Any phone number'
3. Clear 'Input field and remove focus from the field '
4. See 'last char'

Expected behavior
A input field should be clear .

Screenshots

Desktop (please complete the following information):

• OS: [windows]
• Browser [chrome, Fire Fox]
• Version [3.29.11]

[Mazel]

Hi @BilalShah3,

Can you share your code or a reproduction link?

Thanks

[Bilal Shah]

here is my vue component code

<MazPhoneNumberInput
    :model-value="props.context._value"
    @update:model-value="handleInput($event)"
    show-code-on-list
    @update="handleUpdate($event)"
    :preferred-countries="['FR', 'BE', 'DE', 'US', 'GB']"       
    :success="results?.isValid"
    :id="props.context.id"
    size="sm"
/>

<script setup> import MazPhoneNumberInput from 'maz-ui/components/MazPhoneNumberInput' const props = defineProps({ context: Object }) const results = ref() function handleInput($event) { $event? props.context.node.input($event):props.context.node.input('') } function handleUpdate($event) { results.value = $event } </script>

[Bilal Shah]

https://louismazel.github.io/maz-ui-3/components/maz-phone-number-input

[Mazel]

Hi @BilalShah3

Thanks for your feedback, the issue is solved in v3.29.12.

Release Note

[Bilal Shah]

thanks your welcome