Bindings for "keyup" and "keydown" events onto document is preventing whole document key events

[zihniogmen]

vue-range-slider/dist/vue-range-slider.esm.js

Line 1280 in 7a96e22

addEvent(document, EVENT_KEY_DOWN, this.handleKeydown);

vue-range-slider/dist/vue-range-slider.esm.js

Line 1281 in 7a96e22

addEvent(document, EVENT_KEY_UP, this.handleKeyup);

Bindings for "keyup" and "keydown" events in given two lines assigns these callbacks to whole document object. So when you try to enter any text to any input, this component's methods prevents it.

These event bindings should only work for the component itself. Not the whole document.

[PawelGIX]

Exactly, no input on the page works.
https://jsfiddle.net/PawelGIX/n9bv7fck/

[afrazahmmad]

Facing same problem

[zihniogmen]

As a workaround, you could use un-minified version and comment out these two lines and then minify it again. But of course it's a workaround, it should be fixed.

[websharik]

Same problem. Pls fix.

[ghost]

I thought my PC had a problem...

[flemmens]

Same issue

[jrverag]

@websharik @PawelGIX @flemmens @MaybachDomei @zihniogmen @afrazahmmad

import VueRangeSlider from 'vue-range-component'

///Import component

mounted(){
VueRangeSlider.methods.handleKeyup = ()=> console.log;
VueRangeSlider.methods.handleKeydown = ()=> console.log;
}

//declare in mounted

FIX.............
usar en el componente donde se importo el