Slider: Dragging handle highlights surrounding page content

Created on 6 Nov 2018  路  3Comments  路  Source: react-component/slider

When the mouse is not moved very carefully exactly on the handle while dragging the handle, content surrounding the slider gets highlighted (i.e. "blue"/selected). I can create a PR to fix this if you like but it's just one line to be added in index.less (add user-select: none; at line 62), so probably not worth the hassle.
(Observed in Microsoft Edge browser in Windows 10)

picture teggno
👍3

Most helpful comment

Yes, I also encountered this problem.
I added this to my own stylesheets:

.rc-slider {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
picture donni106 on 14 Nov 2018
👍3

All 3 comments

Yes, I also encountered this problem.
I added this to my own stylesheets:

.rc-slider {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
donni106 picture donni106 on 14 Nov 2018
👍3

This is still persisting on Safari

EFXPROMedia picture EFXPROMedia on 30 Apr 2019
👍1

Has anyone found a fix for safari?

Morganjackson picture Morganjackson on 15 May 2019
Was this page helpful?
0 / 5 - 0 ratings

Related issues

anujayk picture anujayk  路  4Comments
gpinhey picture gpinhey  路  6Comments
ka7eh picture ka7eh  路  6Comments
nitroamos picture nitroamos  路  4Comments
wzup picture wzup  路  6Comments