Unable to Use Masonry & Swiper on Same Page

Wappler General Bugs
#1

Wappler Version : 4.4.5
Operating System : W10
Server Model: NodeJS

Expected behavior

Swiper & masonry both should render on page load.

Actual behavior

Swiper loads correctly initially. But as soon as Masonry loads, swiper elements get weird extra classes added to slides, breaking the swiper.

image

How to reproduce

Add a swiper, then a masonry on a content page. Run it.

image
image1633×691 102 KB

The single image above is actually supposed to be a horizontal swiper. Powerspces/material/misc etc are part of masonry.

Removing masonry code from the page renders swiper correctly.

#2
#3

Any update on this @patrick?

#4

How is the code nested, is the swiper a direct child of the masonry?

#5

No. Its a sibling. Both components are separate.

#6

@patrick Unable to replicate this anymore. I think my swiper was messed up somehow. I recreated it and things seem to be working fine now.

#7
#8
#9