Vue: select element can't be rendered correctly by vue 2.0.0 (or above) in IE 11

Created on 25 Jul 2017  ·  4Comments  ·  Source: vuejs/vue

Version

2.4.2

Reproduction link

https://jsfiddle.net/ntdd9g2a/86/

Steps to reproduce

  1. open the link in IE11
  2. see the select element does't be rendered correctly

What is expected?

The second option('菜单二') in select element should be in view

What is actually happening?

The third option('菜单三') in select element is still in view

I have to use setTimeout to solve this problem. So i want to know how it happened

bug
Source
picture nightost

All 4 comments

There seems to be a problem, indeed. I'm not sure if we already fixed this but didn't released it yet though

posva picture posva on 25 Jul 2017

@posva , I didn't find the code on dev or a PR fixed this problem, so #6213 😁

jkzing picture jkzing on 25 Jul 2017
😄1

Workaround for the jsFiddle example until this is fixed (which probably doesn't work in SSR):

  mounted: function() {
    var self = this;
    window.setTimeout(function() {
      self.selected = '2';
    }, 0);

Vue.nextTick() did not work.
I forked the OP jsFiddle here: https://jsfiddle.net/sidecut/ncznhLt8/

sidecut picture sidecut on 9 Aug 2017
👍1

Thank you for that.

nightost picture nightost on 17 Aug 2017
Was this page helpful?
0 / 5 - 0 ratings

Related issues

julianxhokaxhiu picture julianxhokaxhiu  ·  3Comments
hiendv picture hiendv  ·  3Comments
seemsindie picture seemsindie  ·  3Comments
guan6 picture guan6  ·  3Comments
bdedardel picture bdedardel  ·  3Comments