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

[zihniogmen]

https://github.com/xwpongithub/vue-range-slider/blob/7a96e22d7d926ee72554b1f48fc8613e980092d6/dist/vue-range-slider.esm.js#L1280 https://github.com/xwpongithub/vue-range-slider/blob/7a96e22d7d926ee72554b1f48fc8613e980092d6/dist/vue-range-slider.esm.js#L1281

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