Swiper not showing up until screen is resized

[jishnupradeep]

Hi,
I am trying to make a web app that uses Swiper. I found that Swiper is not showing up until the page is resized. How to fix this issue?

[joakimkm]

I am not sure if your problem is similar, but I had this problem because Swiper was added inside a modal. The problem happen because Swiper is running init-functions when modal is closed and width is 0 px. To solve this problem I added this attributte to swiper element:

on-Init="onInit"

And in my scope controller I added this:

$scope.onInit = function (swiper) {
        $('#myBootstrapModalElement').on('shown.bs.modal', function(){
            swiper.onResize();
        });
 };

This will trigger swipers resize function after modal is opened.

[jishnupradeep]

Thank you @joakimkm ! This tweak works.