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

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 , I didn't find the code on dev or a PR fixed this problem, so #6213 😁

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/

Thank you for that.

Was this page helpful?
0 / 5 - 0 ratings