Horizontal scroll after moving from ^5.0.4 to ^8.4.5 edition with webpack

[mihalt]

Check that this is really a bug

• I confirm

Reproduction link

https://goodchoice.ltd

Bug description

Hi! I am trying to move project form webpack 4 to 5 and with updates of dependencies. I noticed that after moving swiper from ^5.0.4 to ^8.4.5 edition I became to see horizontal scroll and width of screen with including of all swiper elements. If I remove swipers in code inspector of browser, horizontal scroll is disappearing. Also if I back to version 5.0.4 everything is fine. So, this problem is with swiper for sure.

Also maybe is important to note, that I imported swiper in old editions like that

And today it should be like that

I placed overflow-x: hidden, but it is really not resolving problem, because from another places of script, that depends from screen width are take this number from width including this swiper.

Expected Behavior

Like today on website from Reproduction link

Actual Behavior

You can see screen here

And here

Swiper version

8.4.5

Platform/Target and Browser Versions

Each

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

[mihalt]

If I understand right, it is a bit connected with this issue #3529 (comment)_

[mihalt]

And I don't know why yet, but it became not centralized now.