Don't animate the handle while dragging
See original GitHub issueI’ve noticed that when dragging the slider on phone, it feels laggy. This is because of the animation that slows it down.
The animation should be disabled while the user is dragging the slider. On angularjs-slider, I simply did it by applying a specific class (https://github.com/angular-slider/angularjs-slider/blob/master/src/rzslider.less#L21) during the drag event.
Issue Analytics
- State:
- Created 4 years ago
- Reactions:5
- Comments:8 (5 by maintainers)
Top Results From Across the Web
How to fix dragging animation in UI with simple math
If the card is being dragged towards right it should rotate clockwise and anticlockwise when being dragged left. Not just that, the rotation ......
Read more >Solved: Dragging handle revealing image HTML5 - 10412250
I made small demo, currently Button Symbol has hover animation sliding the top layer left to get you the idea. Blue handle should...
Read more >[BUG] Stop scrolling from interfering with dragging #185 - GitHub
I just build a nice slider using the drag="x" functionality, when I ran into this issue. The component takes up most of the...
Read more >Handle of Tool is Not moving at all - DevForum | Roblox
I'm very confused as to how to make the tool move as it does in the animation: But when the tool is equipped...
Read more >Sortable Handle, drag animation always left - Stack Overflow
Whenever I want to drag it , the animation starts automatically from the leftside, when the handle is on the right.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

Thanks, that’s a good idea. I’ll do this.
Released in v2.0.1. Closing.