Owlcarousel2: Using other class selector than .owl-carousel triggers unexpected behavior

[webdotinc]

I'm using the following version: https://github.com/OwlCarousel2/OwlCarousel2/archive/2.2.1.zip

I have the following structure:

<div class="owl-categories owl-theme">
    <div class="item"><img src="myimg.jpg"></div>
    <div class="item"><img src="myimg.jpg"></div>
    <div class="item"><img src="myimg.jpg"></div>
</div>

Javascript used is:

$('.owl-categories').owlCarousel({ margin: 10, nav: true, center: true, });

Using the class owl-categories for the selector triggers the whole 3 items to be stacked into 1 single Carousel Item.

If I use the selector name .owl-carousel to create the instance, the behavior is normal and I get 3 slides.

[AndiKeiser]

.owl-carousel is mandatory. Try to use it like this:

<div class="owl-carousel categories owl-theme">

</div>

[webdotinc]

Oh! I see this changed from the previous versions. Thank you!

NOT A BUG/ ISSUE