Doesn't work properly on Mobile Android Chrome Browser

[edvanmc]

On Mobile Android Google Chrome browser when inputting a date value like 09/09/1979 within the mask "39/19/9999", the caret misbehave corrupting the inserted value.

It occurs with other masks too.

[edvanmc]

To solve the problem, in the line 142 add the commented code below:

                // Update view and model values
                if(value !== viewValueWithDivisors){
                  controller.$setViewValue(angular.copy(viewValueWithDivisors), 'input');
                  controller.$render();
                  setSelectionRange(viewValueWithDivisors.length);  //Necessary for Android Chrome that is maintaining original cursor position when the value was without divisors.

                }

[lmeliberty]

+1 Thanks. It's solved for me if i add this line in Js file

[lmeliberty]

I use this mask with chararacter '-' too, and this fix don't work in this case.

Example = 'ABCDEFGH-EFG-HIJ'
mask="wwwwwwww-www-www"
mask-restrict="reject"

An idea ?

[vinicius-martins]

Boa tarde!
Tem previsão para liberar release com a correção?

[neysimoes]

@vinicius-martins @edvanmc english!

[vinicius-martins]

Sorry!

any idea about when this solution found by edvanmc will be included on a release?

[icaromh]

Para resolver inserir após linha 142:

Please, do a pull request for this! @edvanmc

[AndreVicenteW]

I tried do this, in phone mask it is normal, but in CPF mask 999.999.999-99 if i try to write numbers 123.456.789-10 the sequence stays 123.567.910-84

[leuterio]

This worked for me:
Inside the input tag add:
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"

[AndreVicenteW]

@leuterio did you try with 999.999.999-99 mask? I tried here and had same problem ;(

[yardz]

solution @edvanmc work for me...

if(value !== viewValueWithDivisors){ controller.$setViewValue(angular.copy(viewValueWithDivisors), 'input'); controller.$render(); setSelectionRange(viewValueWithDivisors.length); }

[edvanmc]

Hy dudes,

I have a CPF field on my project, and it works fine.

Bellow my HTML element:

It's not clear to me if the issue was fixed on #136.

Someone tested @weberamaral 's solution ?

I will send a pull request.

[weberamaral]

@edvanmc the pull request has not merged yet.
Check this branch develop

[leuterio]

@AndreVicenteW Yeah, I tried it but does'nt worked for me too.
So i put this inside my input tag, something like:
<input autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">

NOTE: This worked only on Android 6 or later.

[mathportillo]

While #136 is not merged, a quick fix is to install the dependency directly from that commit. The following should work on both npm and bower:

"ngMask": "git@github.com:candreoliveira/ngMask.git#a73544ca3a3a2b35558d25ad331235ff65c2fcb2",

[fredlemieux]

Thanks @mathportillo, your solution seems to work when testing in the emulator on Nexus 6P but not when I tested on two devices (Samsung S7 and Huawei honor 9), I've also tried the amended input tag @leuterio suggested. Has anyone got any other solution to this?

[fredlemieux]

After further investigation, it seems to be line 36:
input.setSelectionRange(selectionStart, selectionEnd);
the setSelectionRange method doesn't do anything on my Android phone (Ionic App on Samsung S7 with Android 7.0 installed), I've tried making the $timeout longer and using different input types (i.e. tel/text) and it makes no difference. I'm going to to have to remove the masking for the Android version of my app for now :-(

[GabrielStetco]

+1
The problem persists even when using autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
Testing on Cordova App on Samsung S7 with Android 7.0 installed