Owlcarousel2: Click event wont trigger after touchdrag

[druby-luke]

When a slide has been changed , the user can click the current slide to submit this slide.

Problem is however that the click event wont trigger the first time when a touchswipe / touchdrag has been done only the second time the user clicks it will trigger.

On desktop everything works fine, it only occurs when I set Chrome to mobile or open the site on a phone, so It must be an issue / bug from Owl Carousel right?

Because it looks like the touch wont stop untill there has been a click.

Click event:
$('#owl-example').on('click', '.emoji', function () {};

Carousel itself:
https://pastebin.com/bejSU9GN

Could someone please help me out?

[jdx10]

This is an Owl Carousel bug.
You can correct it by editing dist/owl.carousel.js line 821.

Original:

if (Math.abs(delta.x) > 3 || new Date().getTime() - this._drag.time > 300) {

Bug fix:

if ((Math.abs(delta.x) > 3 || new Date().getTime() - this._drag.time > 300) && event.type === 'mouseup') {

[wishmasterher]

thnks worked! Can this bug be fixed in the min.js?

[jpsierens]

Thanks a lot for this!

[Mukeysh]

is this code pushed to the latest version?

[pr0met]

@jdx10 's fix fixed the issue for me.

[kenime]

This works for me too. Did a search and seems no one made a pull request for this. I will create one.

[cakama3a]

Actual fix for owl.carousel.min.js
Original:
(Math.abs(d.x)>3||(new Date).getTime()-this._drag.time>300)
Bug fix:
((Math.abs(d.x)>3||(new Date).getTime()-this._drag.time>300)&&e.Type==="mouseup")

[cakama3a]

Fix needs to be improved as when flipping occurs click.

[taiphamhdweb]

Hi @cakama3a , Seem, this bug is still exist on version 2.3.4.
I didn't see codes:
Actual fix for owl.carousel.min.js
Original:
(Math.abs(d.x)>3||(new Date).getTime()-this._drag.time>300)
Bug fix:
((Math.abs(d.x)>3||(new Date).getTime()-this._drag.time>300)&&e.Type==="mouseup")

[yueveron]

work done, thanks everyone

[inspred]

Fix needs to be improved as when flipping occurs click.

When I use that fix in non compressed file it works fine, but in owl.carousel.min.js it occurs click event while flipping