Swiper: Pagination does not work with loop is set to true.

[martinjinda]

This is a (multiple allowed):

• [x] bug

• Swiper Version: 4.0.0
• Platform/Target and Browser Versions: macOs
• Webpack: 3.6.0

What you did

When you turn on loop setting, pagination will stop working.

let swiper = new Swiper('.swiper-container', {
    pagination: {
        el: '.swiper-pagination',
        clickable: true,
    },
    loop: true,
    speed: 1500,
    autoplay: {
        enabled: true,
        delay: 5000,
        disableOnInteraction: false,
    }
});

[iwata]

I reproduced this issue on v4.0.1, too.

[nolimits4web]

From what i see here it is working http://idangero.us/swiper/demos/200-infinite-loop.html

[zhansingsong]

I got the same issue on 4.0.7. I suggest to reopen the issue

[rimosdev]

have the same issue

[xllily]

I got the same issue on 4.3.0.
The swiper-container is display:none; when new Swiper();.

When container displayed, ".swiper-pagination.swiper-pagination-bullets" is empty node.
And the console did not report any errors.

Then I switched to version 3.4.2,

just changed like
pagination: { el: '.swiper-pagination', },
to
pagination '.swiper-pagination',

then working fine.

[omasback]

Still broken, on the demo: http://idangero.us/swiper/demos/200-infinite-loop.html

[jsonchou]

yes, still can't slide loop