We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
2.2.4
http://codepen.io/idmean/pen/MpXapy
<div id="app"> <div v-if="enterUser"> <input type="text" v-model="user"> </div> <div v-if="!enterUser"> <h1>file</h1> <input type="file"> </div> </div>
JS:
const app1 = new Vue({ el: '#app', data: { enterUser: true, user: 'sean', } }); setTimeout(() => app1.enterUser = false, 1000);
Wait one second for the timeout to expire and the views to change.
The second view consisting of the heading "file" and a file input should appear.
A text input appears instead. Inspecting the DOM also shows a input element with type text was created.
text
This bug seems to occur only in Safari (10.0.3)
The text was updated successfully, but these errors were encountered:
Hey, thanks for opening the issue. There's something off indeed. You can fix it by using a key attr in the file input like key="file"
key
key="file"
Sorry, something went wrong.
f4630d0
treat <input> with different types as different nodes (fix vuejs#5266)
e2680a9
No branches or pull requests
Version
2.2.4
Reproduction link
http://codepen.io/idmean/pen/MpXapy
Steps to reproduce
JS:
Wait one second for the timeout to expire and the views to change.
What is expected?
The second view consisting of the heading "file" and a file input should appear.
What is actually happening?
A text input appears instead. Inspecting the DOM also shows a input element with type
text
was created.This bug seems to occur only in Safari (10.0.3)
The text was updated successfully, but these errors were encountered: