Slider: custom styles for handle

[ops1ops]

• I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Steps to reproduce

1. Change handle width and height to 25px (for example)
2. Focus ant slider and change value from default
3. Change tab in browser or just use alt-tab
4. See that slider value changes

What is expected?

Slider's value shouldn't change

What is actually happening?

I dont really understand what is happening, but the same styles on rc-slider works well and considering that ant slider uses rc-slider probably problem is in ant styles, but i'm not sure

Environment	Info
antd	3.23.5
React	react 16.8.6
System	Ubuntu 18.04.3 LTS
Browser	Chrome 76.0.3809.100

[ant-design-bot]

Hello @ops1ops. Please provide a online reproduction by forking this link https://u.ant.design/codesandbox-repro or a minimal GitHub repository. Issues labeled by Need Reproduce will be closed if no activities in 7 days.

你好 @ops1ops, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。7 天内未跟进的 issue 将会被自动关闭。

[ops1ops]

@afc163

[shaodahong]

The reason is .ant-slider-handle class has a marginLeft, if you change handlewidth, should be together changed marginLeft, In your example you can add margin-left: -12.5px; style, but in rc-slider new version, used transform, so I send a PR update rc-slider version and remove marginLeft

https://github.com/react-component/slider/blob/62b949f39f3edc6da657e1a720392d74193f34fb/src/Handle.jsx#L81

[yoyo837]

@shaodahong Has #19120 fixed this?

[shaodahong]

yep, but #19206 merged will be auto close it

[yoyo837]

Aha, my bad. It's on the feature branch.