Vue: A input bug in ios 10.2.1 safari

Created on 7 Mar 2017  路  4Comments  路  Source: vuejs/vue

Vue.js version

2.1.10

Reproduction Link

http://codepen.io/quietcoder/pen/jBVbVm

Steps to reproduce

Enter some characters and delete them.

What is Expected?

When the input from no characters to have some characters, when deleted from some characters to no characters.

What is actually happening?

Sometimes, when I delete all the characters, there will leave a space, and this space can be deleted, if you enter some other characters, then the space will be replaced.

Most helpful comment

This seems to be a bug of iOS which has to do with how it handles <input> updates when there is other DOM updates in a microtask. Same behavior can be reproduced without Vue involved: https://jsfiddle.net/2231q1te/

I don't really think there's anything we can do in Vue, maybe you can open a bug in iOS Safari instead :/

All 4 comments

At the same time, you can also see the bug here to reproduce with your safari in ios
liantu
wechatimg5

This seems to be a bug of iOS which has to do with how it handles <input> updates when there is other DOM updates in a microtask. Same behavior can be reproduced without Vue involved: https://jsfiddle.net/2231q1te/

I don't really think there's anything we can do in Vue, maybe you can open a bug in iOS Safari instead :/

@xiguaxigua did you found a way to fix this problem ?

@Aarbel I didn't found any way to fix it.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

paceband picture paceband  路  3Comments

seemsindie picture seemsindie  路  3Comments

franciscolourenco picture franciscolourenco  路  3Comments

bfis picture bfis  路  3Comments

finico picture finico  路  3Comments