Comments (14)
I'm also seeing this. Using v-mask="'£######'", all works fine on desktop but in Chrome on mobile the first character flips infront of the subsequent chars. Eg entering "1234" results in "2341".
from v-mask.
Looks like only Samsung devices affected by this issue. I have tested with Galaxy s5 mini.
Other devices with chrome works fine for me
from v-mask.
@shrpne this is related to the Chrome version. Currently testing on an updated chrome on Android O (e.g. Google pixel)
from v-mask.
Same here, using a Xiaomi device and chrome 61. But using an Asus device with chrome 61 works fine.
Can't we do anything about it?
from v-mask.
Hello, I'm having the same problem on Chrome mobile, and on Android 8 ..
Has any solution been found for this bug?
a field with mascara 000.000.000 and in time to appear the "." the mouse cursor goes to before the next digit, after the ".".
from v-mask.
Seems like related to #41
from v-mask.
I'm experiencing this issue as well. According to issue 41, it looks like this has been going on for a while. Any updates @probil? V-mask has worked so well up until this point!
from v-mask.
@lndsy-cherry I will try to reproduce and fix today (approx. in an hour)
from v-mask.
Thanks so much for the quick reply!!
from v-mask.
@lndsy-cherry I can't reproduce it on my android phone. :(
Could you please check the fix on your device? It's not yet published on npm so you need to install v-mask
this way:
npm i probil/v-mask#feature/fix-caret-on-mobile-chrome
Please, let me know about the result of the testing.
from v-mask.
@probil I just tested and that fix worked like a charm! Please merge and thank you so much again for this! :)
from v-mask.
Fixed in v1.3.2
. Thanks everyone.
from v-mask.
@probil it looks like some Android+Chrome devices are still experiencing an issue (I was testing on a Galaxy S5 earlier and noticed some cursor movement when typing a simple mask like ###-###), though it seems like there is no issue on an emulated Android+Chrome experience.
I see in your code you're using initEvent in the trigger function, yet this looks to be a deprecated feature (https://developer.mozilla.org/en-US/docs/Web/API/Event/initEvent). I'm wondering if this may be affecting this. Would you have any plans to update the event triggering used?
from v-mask.
@lndsy-cherry
That code was borrowed from vue core. But thanks for letting me know.
Let's discuss in the separate issue. Could you please create it?
from v-mask.
Related Issues (20)
- Underscores ("_") break all masking HOT 2
- Dependency Dashboard
- Error using v-mask function in vuetify component HOT 2
- The mask doesn't work when you manually replace selected text HOT 1
- e.initEvent is deprecated
- Place holder optional (?) not working HOT 1
- How to deal with ip addresses HOT 3
- Is it possible to use pipes? HOT 1
- mask not working with ctrl a + ctrl v HOT 2
- The last 4 digits of the phone number are not hidden. The first 4 digits at the beginning of the number go to the end.
- Using v-mask in a text-area field HOT 1
- Editing v-text-field with phone number mask (NNN) NNN-NNNN causes cursor to move to end of field
- Masked input affected by typing in another field in case using function for v-mask HOT 1
- Bug when replacing through selection #1
- Bug when replacing through selection #2
- Vue.filter is not a function ? HOT 3
- input with mask cut value and add some number
- Prevent field clean when changing mask
- The automated release is failing 🚨
- Question / Feature : Help Needed
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 v-mask.