Wrong handle position when scaled

[Jcqt-390]

The slider handle is not placed at the right position when it is scaled.

Step to reproduce : Place the slider inside a scaled div

const wrapperStyle = { width: 400, margin: 50,transform:scale(0.5) };
ReactDOM.render(

Slider with custom handle

Range with custom handle

`${value}%`} />

, document.getElementById('__react-content') );

I changed line 211 in lib/common/CreateSlider.js and it works for me :

Prev : return this.props.vertical ? slider.clientHeight : slider.clientWidth;
Now : return this.props.vertical ? slider.getBoundingClientRect().height : slider.getBoundingClientRect().width;

[dbryand]

Hi @paranoidjk, I just submitted a PR for this. Would appreciate if you could take a look as this is blocking me from using in production (and I don't want to have to go find another slider--this one is great!) Thanks for all of your hard work!

[paranoidjk]

Fixed in rc-slider@8.1.5