Swiper Slides permanently changing width

[marco910]

I'm using Swiper version 8.0.7 in a React project and having some trouble with the slider in Firefox (macOS, Firefox version 103.0).

If I open up the page where Swiper is used in Firefox the width of each slide is permanently changing. This only happens in Firefox and no other browser. There are no console errors or anything else which gives and idea of what goes wrong.
Here's a screen recording of the issue:

Bildschirmaufnahme.2022-08-01.um.17.21.46.mov

Any ideas how I can fix this?

[winley]

Did anyone get an answer with this - have tried differenet version and it seems unless its called .swiper it will not load correctly and I get exactly this issue.

[marco910]

@winley After testing a few hours around I found out that it was caused by the CSS grid of the parent element on my site. The Swiper was nested inside a container, which was a CSS grid with columns that used fr.
Hope this helps.

[charlie-george-1989]

I'm getting the same behaviour with swiper-slide width and translate attributes.

mean-ice.localsite.io