Mieomask is not working in mobile devices

[rajrizzila]

I have used mieomask to set mask for phone number . but if i viewed in mobile devices the mask is improper and could not able to delete the numbers entered. Deleting functionality has completely stopped working

[fabiomcosta]

Can you give us more details about which browser, OS versions you are using? Also what is the plugin version. Thank you!

[rajrizzila]

meiomask version - 1.0.4

IPAD Version - 6.1.3

Browser - Safari

[cgoluska]

I am seeing it in meiomask v.1.1.5 on android 4.2.2 in chrome 18.0.1025469.
For delete, it appears that android chrome ends up in iphone mode. During _onKeyDown(), ignoreKeys is [10, 127] so the backspace (8) is not being ignored. That makes it fall through to key processing which just says backspace is not valid for the mask, and it gets eaten.

In addition, it is sometimes losing characters as I type because when it adds mask characters, it is ending up with the cursor in the wrong place. So if I type 1234567890 I end up with (234) 678-0.

I stepped through it a little. It appears on the tablet that the result of getRange is different than on the desktop. Using a US Phone number mask, enter first number, the desktop finally ends up in the onPaste method with a range of 0..2, whereas on the tablet it is 0..1. That puts the cursor between '(' and the entered '1' on the tablet, and typing another number overwrites the '1'.

[johnvoloski]

@cgoluska , I made a correction of the problem, if you can test the fix on their devices, test with this file "assets/javascript/jquery.meio.mask.js". if work, i will generate new version.

Thanks.

[febpetroni]

Hello John, I had the same problem and, in hope of a solution, found this issue and tried your test code.

The first problem is if your jQuery has already defined $.browser, the android property is not init'ed. I am not sure if it exists if the browser property is defined by other means.

If the first problem is bypassed, the second problem is that apparently (tested in android Nexus S emulator, version 2.3.3) android document does not have the "selection" property present in IE. That means using IE code to solve the problem won't work.

Do you have any other insights on how to make this work?

Thanks,

Fernando

[febpetroni]

FYI... this might have to do with this issue:

http://code.google.com/p/android/issues/detail?id=15245

[devtrends]

Also having issue with IOS6/Ipad.

Using 1.1.11 with a very simple mask ("*") and the ipad delete button does not work at all.

Applying using:

$('[data-mask]').setMask({ attr: 'data-mask', type: 'repeat', autoTab: false, selectCharsOnFocus: false });

Seems fine on desktop. Just a problem on IOS. Any ideas?

[blowsie]

Doesn't work for me, Note 2 & Tab 3 , Android, Chrome.

[Guilhermimma]

Doesn't work for me, Ipad, IPhone 6s.

Any solution?