Error: ResizeObserver loop limit exceeded

[jaksenko]

Check that this is really a bug

• I confirm

Reproduction link

https://codesandbox.io/s/d4vlk?file=/index.html

Bug description

Resizing window triggers Error: ResizeObserver loop limit exceeded. The error is not logged in browser's console, but Sentry captures it. It is no big deal, because functionality isn't affected, but it degrades performance.

I was able to find the code producing it even though browser doesn't report exact file and line:

swiper/src/core/modules/resize/resize.js

Line 15 in eda2aa6

observer = new ResizeObserver((entries) => {

I even tried to wrap the callback in window.requestAnimationFrame, as suggested in this comment and it resolves the issue. I am willing to raise a PR.

Expected Behavior

Resizing window produces no errors.

Actual Behavior

Resizing window throws Error: ResizeObserver loop limit exceeded.

Swiper version

7.0.9

Platform/Target and Browser Versions

macOS Chrome 98

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