Cursor jumps to the back when edit the mask input

[didauds]

Hi igorescobar,

I'm a fan of your jQuery-Mask-Plugin.

However, it seems there is still a bug existing when you try to edit the input from the middle.

For example with this phone number "123-456-7890",
if you edit the number "123" or "456", then the cursor jumps to the back.
This is happening both on web and mobile.

you can simply test it from "https://igorescobar.github.io/jQuery-Mask-Plugin/"

Thank you.

[igorescobar]

@didauds Thanks for reporting! Can you check again?

[didauds]

Thank you igorescobar for your quick response.

However..

1. This fix doesn't apply for mixed type mask field. This is my code block.

$("input#postal").mask("S0S 0S0", {
'translation': {
S: {pattern: /[A-Za-z]/},
0: {pattern: /[0-9]/}
}
,onKeyPress: function (value, event) {
event.currentTarget.value = value.toUpperCase();
}
});

2. The jumping back issue on number fields with v.1.14.15 seems to be fixed on desktop only, but from my android device with Chrome and Samsung Internet browser, if you type the phone number (123) 456-7890, it becomes (234) 789-0651. I'm not sure if this is happening on Apple devices as well. There was no this issue with v.1.14.14 if you add "autocomplete=off" on the input fields.

Thank you

[igorescobar]

@didauds can you verifiy why this:
https://github.com/igorescobar/jQuery-Mask-Plugin/blob/master/src/jquery.mask.js#L444

Isn't working for you?

[didauds]

Sorry, there was a typo in my previous comment with the version number. I edited it. So, There was no this issue with v.1.14.14 if you add "autocomplete=off" on the input fields. With new version v.1.14.15, it is broken even if you added "autocomplete=off".

I don't fully understand your code, but in my opinion, I can come up 2 possibilities.

1. "el.attr('autocomplete', 'off');" could apply after you submit.

2. How about pointing manually instead of "el", so .. for example,
   input[type=text] or input[type=number]

[igorescobar]

@didauds the problem with v.1.14.14 is that it breaks a lot more than it fixes. I don't understand why these android browsers need to be such a pain in the ass! xD

[didauds]

@igorescobar yeh, it may be similar to dealing with IE when you develop some web stuff whereas Chrome worked fine. :)

Anyways, I may need to use v.1.14.14 for now until this issue is fixed because v.1.14.15 has more issues from my side and requirements.

Feel free to let me know if you need a guinea pig for this fix.

[knyazevdev]

Hi, @igorescobar

Chrome browser.

1. Select last 2 symbols of price

2. Press "3" and then "2"

The digits are displayed in reverse order.

Thank you!

[didauds]

Hi, @igorescobar,

Is there any update?

Thank you,

[igorescobar]

@didauds I need your help guys. I can't fix a problem that I can't reproduce on any devices I have.

[didauds]

Sure, let's try step by step.

Can you have a look first ..

1. Try edit inputs on "Mixed Type Mask" on your webpage "https://igorescobar.github.io/jQuery-Mask-Plugin/"

2. The issue mentioned by @knyazevdev above.

These may not be related with Android device stuff.

[igorescobar]

I also couldn't reproduce the issue @knyazevdev is saying... 😞

[victorsantoss]

I was able to reproduce the same steps as @knyazevdev told.
And it`s not only over Chrome, but even over IE and Firefox.

@igorescobar, se você precisar de ajudar para debugar isso eu me coloco à disposiçao, mas estou tendo exatamente o mesmo tipo de problema que reportado pelos outros dois usuários, e nao está sendo nem em uma implementaçao que fiz, mas direto em seu site. Os passos dados pelo usuário sao precisos e suficientes para reproduzir. O problema está em números que tem o "." se voce tentar com 1.234,56 vai conseguir reproduzir.

[igorescobar]

@victorsantoss @didauds I just realized that this only happens when the mask shrinks. 000,00 works, 0.000,00 doesn't because when you type the first digit the pattern becomes 000,00 and rapidly turns 0.000,00 again. 00.000,00 also works because when you erase the first digit it remains with the same structure. It gives some leads on why this is happening.