MaskedTextField with mask overwrites characters to the right, how can I prevent this?

Asked Aug 21 '20 at 05:07

Active Aug 21 '20 at 05:07

Viewed 312 times

If I type 12345 and set the cursor between 3 and 4 and start typing this will overwrite the 4 and 5. What I want is to be able to eg. add 77 inbetween and the output will be: 123 774 5. Is there any way I can do this?

My code is essentially just:

<MaskedTextField
    label="With input mask"
    mask="999 999 999"
    maskChar=""
/>

Codesandbox: https://codesandbox.io/s/keen-sunset-khegc?file=/src/App.js

asked Aug 21 '20 at 05:07

milmal

Hey, I have the same problem. Have you found any solution to this? – ionutab Sep 21 '20 at 11:31
1

Not yet. I opened this issue at fluent UI: https://github.com/microsoft/fluentui/issues/14752 – milmal Sep 21 '20 at 16:50
Seems like no luck with resolving this? – matmik Jan 18 '23 at 10:36

MaskedTextField with mask overwrites characters to the right, how can I prevent this?

0 Answers0