bulma-carousel icon indicating copy to clipboard operation
bulma-carousel copied to clipboard

Navigation bullets not updating if changing slidesToScroll

Open mbeunk opened this issue 6 years ago • 3 comments

I have a lot of carousel items to go through so I have set my slidesToScroll higher, but even though lesser bullets are used the excess bullets still remain under the carousel

mbeunk avatar Mar 07 '19 13:03 mbeunk

Hi,

can you please give more details about the number of items / value of slidesToScroll option ?

wikiki avatar Mar 07 '19 14:03 wikiki

I have the same issue. I have added to my page.

<link href="~bulma-carousel/dist/css/bulma-carousel.min.css" rel="stylesheet">
<script src="~bulma-carousel/dist/js/bulma-carousel.min.js"></script>

The html looks like this:

<div class="carousel"> 
   <div class="item-1"></div>
   <div class="item-2"></div>
   <div class="item-3"></div>
   <div class="item-4"></div>
</div>

I added to my js:

var carousels = bulmaCarousel.attach('.carousel', {
    loop: true,
    autoplay: true,
    autoplaySpeed: 5000,
    infinite: true,
});

When I click on arrows to navigate between slide, no problem. But when I click on bullets, sometimes it works, sometimes I get this error.

- bulma-carousel.min.js:1 Uncaught TypeError: Cannot read property 'offsetLeft' of undefined
- at n.value (bulma-carousel.min.js:1)
- at e.value (bulma-carousel.min.js:1)
- at o.value (bulma-carousel.min.js:1)
- at o.value (bulma-carousel.min.js:1)
- at bulma-carousel.min.js:1

kengres avatar Mar 21 '19 06:03 kengres

Thanks for details. I'll have a look on this issue.

wikiki avatar Mar 21 '19 07:03 wikiki