Safari iOS autofill with react-number-format allowEmptyFormatting

[tanya94]

Hello! I use ReactNumberFormat input with phone mask and allowEmptyFormatting prop. Safari on iOS offers to autofill value from contacts. But after autofilling input is again only with empty mask (with yellow background-color, because is was autocompleted).
Code example (a part of your live demo codepen):

<div className="example">
    <h3>
         Show mask on empty input (phone)
     </h3>
     <NumberFormat format="+1 (###) ###-####" mask="_" allowEmptyFormatting />
</div>

P.S.: If I use the same example without allowEmptyFormatting prop, value autofills correctly.

[olehslyniavuk]

+1 the same for google chrome autocomplete

[pavelspichonak]

Any updates?

[nikhil-varma]

The fix for this issue has been merged and released. Thanks again for reporting!

[biggieman]

Hello! the bug is still being reproduced in demo https://codepen.io/s-yadav/pen/bpKNMa

checked in chrome and yandex browser