swiper container flex issues

[jrsharma]

Check that this is really a bug

• I confirm

Reproduction link

https://codesandbox.io/p/sandbox/sleepy-silence-td45kk

Bug description

When using display: flex; property, in Edge & Firefox, the swiperContainer width becomes so big that it goes out of the window.
But in Chrome is looks perfectly fine.
Chome:

Edge:

Firefox:

Check it out here:
https://td45kk.csb.app/

Expected Behavior

Swiperslides should behave exactly how it behaves on chrome across all browsers

Actual Behavior

Swiperslides displays expected results in chrome but not on other browsers like edge and firefox.

Swiper version

10.0.0

Platform/Target and Browser Versions

Windows 10 Chrome 125.0.6422.113 Firefox 125.0.6422.113 Edge 126.0.2592.68

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