Inputmask icon indicating copy to clipboard operation
Inputmask copied to clipboard

Incorrect behavior on pre-filled inputs, using array of masks.

Open luciano-rodrigues opened this issue 1 year ago • 5 comments

JsFiddle of the situation

  • Describe the bug

On pre-filled inputs, when using an array of masks, the plugin doesn't seem to be working correctly. With removeMaskOnSubmit = true, the value submitted still has (some of) the mask. If the field has optional characters, on the field with less than full characters filled, I can't type an additional one (first field of JsFiddle, the masks accept 10 or 11 characters, but on the one with 10 I can't add one more).

If I delete all characters of the field, the masks start working correctly again.

  • OS:

Windows 10 22H2

  • Browser

Firefox 127.0.2 Chrome 126.0.6478.127

  • Inputmask version

5.0.9

luciano-rodrigues avatar Jul 02 '24 18:07 luciano-rodrigues

Can you provide some examples of your Inputmask configuration?

Techn1c4l avatar Jul 03 '24 04:07 Techn1c4l

I have a JsFiddle on my post. Just using an array of masks on fields with values is enough.

luciano-rodrigues avatar Jul 03 '24 11:07 luciano-rodrigues

Ah, I see now. Anyway, you should set values of your inputs without mask characters, i.e. not value="(12) 3456-7890" but value="1234567890".

Techn1c4l avatar Jul 03 '24 18:07 Techn1c4l

But the one with a single mask works just fine

luciano-rodrigues avatar Jul 03 '24 18:07 luciano-rodrigues

But the one with a single mask works just fine

I'm not completely sure what's the intended behavior. Maybe it should handle values in the masked format. But usually, we want to store data without mask characters, because mask can format change or it's in a completely different format, e.g. some countries write their numbers like 1 100 100,51, but we need 1100100.51 inside our code. Hence, raw input values shouldn't contain mask characters in my opinion.

Techn1c4l avatar Jul 03 '24 19:07 Techn1c4l