Comments (8)
@vguzev Can you provide more detailed report? Device model, Android version, used browser and it's version and what exactly is broken? I can see some issues with backspace, but i want to make sure that nothing else is missed.
from react-input-mask.
Generally, Chrome for Android doesn't support "keypress" events. Don't use Anroid emulators, use real devices to reproduce this (I used Android Lollipop). Generally you cannot rely on onKeypress events because different input methods can be used, like IME (when you type part of the word and system offers you different variants, then you click on one of these words), hand-writing tools or soft keyboards...
Handling this is a common problem of all "masked inputs" for React I've seen...
In case of react-input-mask when you type something focus position is not changing or changing incorrectly. That's why you can see some strange errors like when you type "12345" you see "15432"... or symbols cannot be typed at all because the focus is in the end of the word.
P.S. Here you can see how someone found workaround here: http://therealmofcode.com/posts/2014/03/where-is-keypress-event-chrome-android.html
from react-input-mask.
@vguzev It should be fixed in latest version, but i have no real Android devices and debug with Genymotion.
Can you also test current react-input-mask version (0.3.1) on real device?
from react-input-mask.
@sanniassin I'm late to this party but what version was this fix applied in? I had 0.4.1 running in my code base and customers were reporting issues inputting on Android devices. I'll upgrade right now to 0.5.6 (latest) but it sounds like this should have been fixed before 0.4.1 in which case it isn't apparently. I'd love to provide more info but I was just told this by our customer service team and don't have details on what device was used, unfortunately.
from react-input-mask.
@vguzev Try 0.5.10 too. I've made some android-related improvements and i doubt, that anything more could be done because of totally screwed input events in android.
from react-input-mask.
I just tested the demo on Android 5.1.1 and Firefox 43 and it isn't working correctly.
from react-input-mask.
This should be reopen. It doesn't work on many Android browsers
from react-input-mask.
@andre0799 It's better to open specific issues for your cases and describe there what is not working, where it's not working and how to reproduce it.
from react-input-mask.
Related Issues (20)
- mask for automobile license plate
- Mask for license plates HOT 1
- Autocomplete "one-time-code" doesn work with iOS keyboard.
- Chrome credit card autocomplete cuts off 3 last digits HOT 3
- error after upgrade to react 18 HOT 1
- 30 and 31st are not displaying for date values
- Typescript native implementation
- Typing error HOT 2
- Accept null value
- Typing in the middle of the input overwrite a character when reached max length, not block
- How to use mask be like "\([a-zA-Z0-9.\-|\:]{1,}\)"?
- 'InputMask' cannot be used as a JSX component. How to solve? HOT 2
- Warning: findDOMNode is deprecated in StrictMode. HOT 2
- *** ABANDONED - Use react-imask *** HOT 2
- Error on alpha version 3.0.0-alpha.12 HOT 2
- Feature Request - Select the value at the cursor position
- Feature Request - Grey mask value HOT 5
- RTL support? HOT 1
- findDOMNode is deprecated HOT 4
- BeforeMaskedStateChange ... Not working!
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-input-mask.