Coder Social home page Coder Social logo

Comments (8)

sanniassin avatar sanniassin commented on August 18, 2024

@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.

vguzev avatar vguzev commented on August 18, 2024

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.

sanniassin avatar sanniassin commented on August 18, 2024

@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.

reintroducing avatar reintroducing commented on August 18, 2024

@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.

sanniassin avatar sanniassin commented on August 18, 2024

@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.

flynfish avatar flynfish commented on August 18, 2024

I just tested the demo on Android 5.1.1 and Firefox 43 and it isn't working correctly.

from react-input-mask.

andre0799 avatar andre0799 commented on August 18, 2024

This should be reopen. It doesn't work on many Android browsers

from react-input-mask.

sanniassin avatar sanniassin commented on August 18, 2024

@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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.