Swiper Element controller-control bug after destroy and rebuild

[cojaco]

Check that this is really a bug

• [X] I confirm

Reproduction link

https://codepen.io/cojaco/pen/abgBNzr

Bug description

At first both slider are controlling each other Than after window resize > 768, the slider is destroyd Than after window resize < 768, the slider is again enabled but only the top slider controlls the bottom Slider.

I Destroy and rebuild the webcomponent Slider by switching out the html tag element from: SWIPER-CONTAINER => DIV for destroying and the other way arround for enabeling.

Expected Behavior

After rebuilding both slider, I'd expect that both slider control each other like initially

Actual Behavior

After Destroying the Slider and rebuilding only the Top Slider controlls the bottom Slider, but not the ohter Way Arround.

Swiper version

11

Platform/Target and Browser Versions

MacOS Chrome, Firefox, safari

Validations

• [X] Follow our Code of Conduct
• [X] Read the docs.
• [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• [X] 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