Page becomes black blank when we do resize

[EABangalore]

Check that this is really a bug

• I confirm

Reproduction link

https://codesandbox.io/p/devbox/swiper-virtual-slides-vue-forked-xhngzq?file=%2Fsrc%2FApp.vue%3A2%2C75&workspaceId=2af966e8-e177-47fe-8fe9-219886a4770e

Bug description

My swiper is not working properly upon resize either it show

1. Black blank screen
2. Merges next and previous images

Expected Behavior

It should fit the screen upon resize and should not show

1. Black blank screen
2. next and previous images merged

Actual Behavior

My swiper is not working properly upon resize either it show

1. Black blank screen
2. Merges next and previous images

Swiper version

11.1.3

Platform/Target and Browser Versions

chrome

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

[EABangalore]

My swiper is not working properly upon resize either it show

1. Black blank screen
2. Merges next and previous images

My swiper version : "swiper": "^11.1.3",

Here what i'm facing

Here is my codesandbox : https://codesandbox.io/p/devbox/swiper-virtual-slides-vue-forked-xhngzq?file=%2Fsrc%2FApp.vue%3A2%2C75&workspaceId=2af966e8-e177-47fe-8fe9-219886a4770e

Even i have asked question on stackoverflow : https://stackoverflow.com/questions/78498438/why-on-resize-of-swiper-container-either-swiper-container-becomes-blank-black-or