images just show when i resize the project

[JLHMV19]

Hello, im trying to show a carousel inside a fuse card, the carousel only works when I resize the page, im tried to search for similar issues here but i havent found anything, my configuration of owl is the next

customOptions: OwlOptions = { loop: true, mouseDrag: true, touchDrag: false, pullDrag: true, dots: false, navSpeed: 700, navText: ['', ''], responsive: { 0: { items: 1 }, 400: { items: 1 }, 740: { items: 1 }, 940: { items: 1 }, 1200: { items: 1 } }, nav: true, autoplay: true, autoplayTimeout: 5000 };

this is the carousel when I enter the page

[vitalii-andriiovskyi]

@JLHMV19

It's hard to tell what's wrong with your case. Mostly the similar problem was because of slides ids: wrong type or incorrect values. Here some notes about it: https://github.com/vitalii-andriiovskyi/ngx-owl-carousel-o#setting-custom-slides-ids Maybe this is your case.

It would be great if you share the code, so I could reproduce the issue.

[MilanObrenovic]

@JLHMV19

It's hard to tell what's wrong with your case. Mostly the similar problem was because of slides ids: wrong type or incorrect values. Here some notes about it: https://github.com/vitalii-andriiovskyi/ngx-owl-carousel-o#setting-custom-slides-ids Maybe this is your case.

It would be great if you share the code, so I could reproduce the issue.

i'm having the same problem. The carousel items don't get initialized properly on page load. Only when the page size changes or when i refresh the page on desktop. On mobile, it's even worse. The carousel displays incorrect amount of items, and page refresh doesnt fix it. Adding [id] doesnt fix this bug

[naveenatla9866]

can someone please help me with the same issue.

[vitalii-andriiovskyi]

@naveenatla9866 can you share your code?