Skip to content
New issue

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

Chrome + Vue 2 = Multiple Select 1st item unwantedly selected when displayed #3852

Closed
lauri911 opened this issue Oct 4, 2016 · 3 comments
Closed
Labels

Comments

@lauri911
Copy link

lauri911 commented Oct 4, 2016

Wasted very much time to investigate this problem, made new fresh installs etc. and result is that:

  1. Safari + Vue 2 = no problem
  2. Chrome + Vue 1 = no problem
  3. Chrome + Vue 2 = Multiple Select 1st item selected when displayed, but element do not show "selected" tag but Chrome debugger shows that "selected: true".

Any ideas please?

For screenshot I added simple multiple select:
vuechromeproblem

Thanks!

@yyx990803
Copy link
Member

Reproduction please.

@lauri911
Copy link
Author

lauri911 commented Oct 5, 2016

No problem, thanks for answering!
Fiddle here: https://jsfiddle.net/8h8m5107/

If you remove body ID or Vue initialization, then select works like it should.
Problem exists on Chrome (PC and MAC).

I included "autofocus" text input as well --- in Fiddle you don't see what I mean, but if you take this test.html and load it locally in your Chrome, then you see that input gets focus while app.js is loading and when its loaded, then it losts focus.
https://dl.dropboxusercontent.com/u/25097534/test.html

Vue 1.0 works fine with this setup...

@aocneanu
Copy link

aocneanu commented Oct 5, 2016

Same behaviour on firefox. On safari it works well.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

4 participants