ui-mask Android 4.4 / Backspace bug with certain masks

Hey, I am using UI mask on Android 4.4 (Kitkat) in an Ionic project.

Mask I am trying to run is "+1 (?9?9?9) ?9?9?9-?9?9?9?9" for the phone number. I did this because I want the country code to be pre-populated. What I noticed is that if I try backspacing on androids native keyboard when there is no input, I will get additional "1"s appended to my phone number. While all I pressed was the backspace button.

I confirmed the bug by also running the demo page on a Kitkat browser.

Feb 23 '16 22:02 burakicel

Trying to look into this issue but I'm having issues getting an emulator running.

Feb 24 '16 23:02 lukepfeiffer10

@burakicel I'm working on getting a BrowserStack account up and running so that I can try and debug this issue.

Feb 28 '16 23:02 lukepfeiffer10

@burakicel I am trying to reproduce this bug using BrowserStack and a Galaxy S5 which is running 4.4 and not able to reproduce your issue. Are you sure you are using the latest version of the library? If so, is there any more information you can add to this that can help me replicate what you are seeing?

Mar 01 '16 14:03 lukepfeiffer10

Hmm. When I noticed this bug, I was using an Android 4.4.2 (Nexus 7) emulator. As I mentioned, this bug also happened when I tried to run the demo page (https://htmlpreview.github.io/?https://github.com/angular-ui/ui-mask/master/demo/index.html) on the browser app. I am not sure if the demo page is using the latest version of UIMask. I will inspect this issue after work and hopefully provide some screenshots for you.

Mar 03 '16 15:03 burakicel

@lukepfeiffer10 I'm experiencing the same issue and you're able to reproduce it using the demo page. @burakicel is there any work around that you've found?

Apr 12 '16 20:04 erinzobitz

@erinzobitz I was never able to reproduce this issue. If you could include more information or a short video/gif of what is happening I might be able to help.

Apr 13 '16 13:04 lukepfeiffer10

Ok @lukepfeiffer10, video attached! Thanks for checking it out. I'm just on the demo page, using a Samsung Galaxy S4 with Android 4.4.2. You can see the cursor jumping around so you can put numbers in the order you intend, as well as backspace issues.

Video.MOV.zip

Apr 13 '16 15:04 erinzobitz

@erinzobitz First thing I would try is removing the input event from the eventsToHandle array (for android browsers). I meant to put a code snippet in the readme explaining this but haven't done that yet. It might be time for me to do that in the library for android browsers...

Code snippet

app.config(['uiMask.ConfigProvider', function(uiMaskConfigProvider) {
  if (android)
      uiMaskConfigProvider.eventsToHandle(['keyup', 'click', 'focus']);
}

Apr 13 '16 15:04 lukepfeiffer10

You rock @lukepfeiffer10! This fixed the issue. Backspace gets stuck at the dashes and you have to move the cursor to get where you want, but that seems to be another known issue.

Apr 13 '16 23:04 erinzobitz

Hi! Have the same issue with Android (6.0, 4.4.4).

Video attached.

bug.zip