I’m reporting multiple issues I’m facing and the whole adventure to get a phone mask working on a mobile web app.
I had an ionic v3 which I migrated to v5 and since then I started experiencing issues with my web app.
In v3 I used to use this component:
I used to use this component which was working just fine. However because it was referring to some libs which paths had changed I forked it and adapted it without changing any logic.
With ionic serve this was working just fine but when building with ionic build --prod I noticed that on the mobile experience when I was typing the number and the position on the mask belonged to a predefined symbol (ie. parenthesis) it would eat up the character that was just typed in.
Due to that I decided to move away from that component and start using ngx-mask-ionic. which has a different problem but which works fine with ionic serve on Desktop. On mobile however it limits the input to less digits than informed (ie. if the mask is (000) 0000-0000 for instance, it will only let me type things like 0000, which is very strange and totally different than what I observe with ionic serve.
Anyway, what I wanted to accomplish is simply applying a mask to my input and showing the “tel” keyboard. All of this was working fine in ionic v3 but with the updates I had to do on ionic v5 it stopped working. I don’t know if this is an ionic or angular issue and why it happens only after a prod build.
Anyone has succeed applying masks in ionic v5? If so, how was it done?
Ionic CLI : 6.8.0 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.0.7
@angular-devkit/build-angular : 0.803.25
@angular-devkit/schematics : 8.3.25
@angular/cli : 8.3.25
@ionic/angular-toolkit : 2.1.2
Capacitor CLI : 1.5.1
@capacitor/core : 1.5.1
cordova-res : not installed
native-run : not installed
NodeJS : v12.16.1 (/usr/local/bin/node)
npm : 6.14.4
OS : macOS Catalina
Thanks in advance,