Tiny-slider: Bug with mouseDrag on slide images

[enkota]

Asking a question or submit a bug?

• [ ] Question
• [x] Bug

How can others reproduce the issue?
Live link or Code example: https://jsfiddle.net/Lak267fo/2/

I am having a strange issue across all browsers using an image with mouseDrag. If you try dragging the slider it is not as smooth and the image will stick to the mouse. It works perfectly with the demo versions using text only slides.

(Update: Everything works smoothly with background images so related to <img>)
Tiny-slider version:
OS version: MAC OS
Browser version: Safari 10.1.1

[ganlanyuan]

Hi @enkota ,
Thanks, I will check this issue today or tomorrow.

[ganlanyuan]

Hi, the issue should be fixed in v2.1.6
Could you try it?

[enkota]

@ganlanyuan that done the trick! thank you 👍

[enkota]

Hey @ganlanyuan thought i'd reopen this ticket.

Again thanks for the mouseDrag fix, some related bugs have resulted as part of the change:

1 - On the mousedrag2 slider of the demo page, when you click and hold the slider to start dragging, the slides will almost freeze if you start moving it about the screen at faster speeds. It just doesn't feel as smooth as owlCarousel for instance.

See video example here - https://www.youtube.com/watch?v=K3DkepBPErA&feature=youtu.be
(It almost seems like it is sticking at some point after sliding)

2 - Sometimes after dragging with the mouse, the cursor will stick to that point even when de-selected
(Could be related to the issue above)

Only tested with Safari so far might be better in Chrome.

Thanks!

[ganlanyuan]

Sorry for late response.
Just add a fix in this commit which can be tested in the demo page.
Please let me know if it works for you.

[enkota]

hey @ganlanyuan that's brilliant... butter smooth now :)

[prochorz]

this bug has v2.8.2

[ganlanyuan]

@prochorz Would you let me know in what situation this issue happens?