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?