Swiper: Swiper not working until I resize browser window

Created on 21 Dec 2018  路  6Comments  路  Source: nolimits4web/swiper

i using wrap-swiper. it incorrect working util i resize brower size. Has anyone else had this problem?. Please help me. thank

stale
Source
picture chinhkimhuynh
👍5

Most helpful comment

Temporary fix might be: 

mySwiper = new Swiper('.swiper-container', {
    // ...
})
setTimeout(() => {
    mySwiper.update()
}, 500)
picture cagcak on 6 Jan 2019
👍2 🎉1

All 6 comments

Temporary fix might be: 

mySwiper = new Swiper('.swiper-container', {
    // ...
})
setTimeout(() => {
    mySwiper.update()
}, 500)
cagcak picture cagcak on 6 Jan 2019
👍2 🎉1

@cagcak Life saver.

vsarunov picture vsarunov on 26 Mar 2019

Spent half an hour counting the number of hairs I pulled out while trying to work around this issue.

Thanks @cagcak.

srikat picture srikat on 28 Mar 2019

When you initialize swiper can be important, before or after CSS has been rendered.

https://github.com/nolimits4web/swiper/issues/2218#issuecomment-509683102

leefernandes picture leefernandes on 9 Jul 2019

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

stale[bot] picture stale[bot] on 5 Jan 2020

This issue has been automatically closed due to inactivity. If this issue is still actual, please, create the new one.

stale[bot] picture stale[bot] on 5 Mar 2020
Was this page helpful?
0 / 5 - 0 ratings

Related issues

Hiralpandya picture Hiralpandya  路  3Comments
magic-77 picture magic-77  路  3Comments
Joshanity17 picture Joshanity17  路  3Comments
sackIndian picture sackIndian  路  3Comments
RyanGosden picture RyanGosden  路  3Comments