Disappearing slides in nested Swiper within a Virtual Swiper when using the loop functionality

[m345054]

Check that this is really a bug

• I confirm

Reproduction link

https://codesandbox.io/p/sandbox/swiper-virtual-slides-forked-gyk955?file=%2Findex.html%3A82%2C29

Bug description

I have made several attempts to rectify this, but the error still persists.

When embedding a nested horizontal Swiper inside a virtual vertical Swiper, the loop feature exhibits erratic behavior. Specific slides from the nested horizontal Swiper unpredictably vanish from the rendered HTML.

This problem persists even when integrating with web components or manually adding to the DOM, and subsequently updating the Swiper.

Steps to reproduce:

Navigate through the vertical slides.
Monitor the nested horizontal Swiper.
At sporadic intervals, slides (Test1, Test2, or Test3) are found to be missing.

Expected Behavior

All slides (Test1, Test2, and Test3) should consistently be visible in the nested horizontal Swiper, irrespective of interactions or position within the vertical Swiper.

Actual Behavior

There's a sporadic disappearance of random slides from the nested horizontal Swiper. This issue's intermittency makes it elusive, but its occurrence is undeniable.

Swiper version

10.2.0

Platform/Target and Browser Versions

Windows 11 Chrome / Firefox, OSX 13.5 Chrome / Firefox

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