Vue: Input event for dropdown do not fire in IE11

Created on 15 Dec 2017 · 8Comments · Source: vuejs/vue

Version

2.5.11

Reproduction link

http://jsbin.com/zicevezani/edit?html,js,output

Steps to reproduce

Select option in dropdown in IE11

What is expected?

In console should appear record about triggered event 'processInput', data updates

What is actually happening?

No record appears in console, 'input' event not triggered, data updates

When I change text in textfield, event 'input' triggered correctly, but for select element it's not.
In Firefox/Safari/Chrome everything is working (both textfield and select list).

Source

beholdr

👍1

Most helpful comment

Use @change event for <select> tags. Why you need input specifically?
Probably that's just how IE11 works, not Vue is the cause of the problem here.

Indeed, input event is not supported in IE/Edge for <select> tags. Source.

andreiglingeanu on 15 Dec 2017

👍7 🎉3

All 8 comments

Use @change event for <select> tags. Why you need input specifically?
Probably that's just how IE11 works, not Vue is the cause of the problem here.

Indeed, input event is not supported in IE/Edge for <select> tags. Source.

andreiglingeanu on 15 Dec 2017

👍7 🎉3

Oh, thank you. @input event used in vue-json-schema library and it's not working in IE. So I should open issue there if this is IE problem. Sorry, should have checked MDN first.

beholdr on 15 Dec 2017

^ what @andreiglingeanu said - I don't think Vue can do anything about this.

yyx990803 on 15 Dec 2017

👍1

You're 100% correct on all points. That is:

@input doesn't work on even Polyfilled IE11 (a problem I just hit)
Replacing it with @change solves the issue, so this issue saved me a ton of time, thanks.