Owlcarousel2: Owlcarousel multiple click on item slide, get slide out

[elachino]

We have an issue using owlcarousel.min.js 2.2.0, below our configuration:

function(jQuery){
                    (function($) {                      
                        $("#slider-configuratore").owlCarousel({
                            items: 7,
                            rtl: false,
                            nav: true,
                            dots: false,
                            margin: 7,
                            responsiveClass:true,
                            autoWidth: true,
                            responsive : {
                                0 : {
                                    items: 1
                                },
                                600 : {
                                    items: 2 
                                },
                                830 : {
                                    items: 5
                                },
                                1100 : {
                                    items: 7
                                }                           
                            }
                        });

It works fine, but if i click multiple times on last slides we have a time when all slides item less the last disappear out of page. I see that div with transform works how it goes at the end, while if i try to slide it manually, it reamains blocked to max slide index.
Attached you can find a video with that reproduce this behaviour
IssueOwlCarousel.mov.zip

[pascalporedda]

(Sorry about the canned reply.)

You have not added a link to a working live example. See CONTRIBUTING.md.

Please add a link to a page where I can verify this error. You can use a service like jsfiddle, plnkr, jsbin or codepen.

I'am quite cautious about downloading that .zip File. If you have any videos to upload you might want to share a private YouTube Link with me.

[skvoll]

Had the same issue.
Working example: https://codepen.io/anon/pen/zRmaLN
Video: https://youtu.be/ty19YAgCcFA

[tema87]

same problem

[skvoll]

@pascalporedda any updates?

[pascalporedda]

Well I've looked already into it, but have no clue yet why this would happen. Anyways it is also quite hard to reproduce, as I'am not always able to achieve this behaviour.

[Elnadrion]

• same problem
  Windows 10, Chrome 65.0.3325.181

[lateek35]

It's a duplicate of #1928

Here the pull request #1934. It's been 1 year now since I created it so it may not be up to date but it's probably enough to understand where the problem is coming from.
Unfortunately I don't have much time to provide another PR corresponding the "up to date" project. 😕

[sahilchopra]

+1

[ahmedabdelaziz1992]

+1

[dhanraj07]

This issue still exist till date and is very annoying! Please provide a resolution. It been over a year!

[danzVP06]

+1
Even on the demo of owl carousel, you can reproduce that error easily.

[sudhakarkt]

Still facing the issue.

[shabbir-dhangot]

Is there any solution for this issue?
Devs are chasing this for 1+ year.

[markomarkovic-dev]

Replace this:
} else if (this.op(coordinate, '<', value) && this.op(coordinate, '>', coordinates[index + 1] !== undefined ? coordinates[index + 1] : value - width)) {

with this:
} else if (this.op(coordinate, '<=', value) && this.op(coordinate, '>=', coordinates[index + 1] !== undefined ? coordinates[index + 1] : value - width)) {

worked for me.

[noname181]

Replace this:
} else if (this.op(coordinate, '<', value) && this.op(coordinate, '>', coordinates[index + 1] !== undefined ? coordinates[index + 1] : value - width)) {

with this:
} else if (this.op(coordinate, '<=', value) && this.op(coordinate, '>=', coordinates[index + 1] !== undefined ? coordinates[index + 1] : value - width)) {

worked for me.

What file I can replace this code? bro

[miqayel1997]

Replace this:
} else if (this.op(coordinate, '<', value) && this.op(coordinate, '>', coordinates[index + 1] !== undefined ? coordinates[index + 1] : value - width)) {
with this:
} else if (this.op(coordinate, '<=', value) && this.op(coordinate, '>=', coordinates[index + 1] !== undefined ? coordinates[index + 1] : value - width)) {
worked for me.

What file I can replace this code? bro

In owl.carousel.js. Or if you are using owl.carousel.min.js, then replace

this.op(b,"<",i)&&this.op(b,">",h[a+1]!==d?h[a+1]:i-g)

with

this.op(b,"<=",i)&&this.op(b,">=",h[a+1]!==d?h[a+1]:i-g)

[nghiabk]

I have tried with this.op(b,"<=",i)&&this.op(b,">=",h[a+1]!==d?h[a+1]:i-g). It ran OK. Thank @miqayel1997