Skip to content

ResizeObserver loop error when resizing changes from thumbnails to bullets #789

@alii23

Description

@alii23

Checklist before opening an issue
Lots of issues are opened that are unrelated to this package, please take a moment to ensure the issue is not on your end 🙏.

  • Did you try google?
  • Did you search for previous Issues in this repo?

Describe the bug
A clear and concise description of what the bug is.

In my implementation of react-image-gallery, larger screens display the gallery with thumbnails while smaller screens display bullets instead. It is possible to move between the two by resizing your browser window.
When moving from thumbnails to bullets in this manner, the ResizeObserver loop is not unobserved as this.thumbnailsWrapper.current obviously no longer exists, leading to an error with "ResizeObserver loop completed with undelivered notifications."

Image Gallery Version
What version of react-image-gallery are you using?
1.3.0

To Reproduce
Steps to reproduce the behavior:

  1. Implement react-image-gallery where a larger screen size shows thumbnails and a smaller screen shows bullets
  2. Change screen size in window from larger to smaller by dragging

Expected behavior
A clear and concise description of what you expected to happen.
No error thrown

Screenshots
If applicable, add screenshots to help explain your problem.

Client info (please complete the following information):\

  • OS: [e.g. iOS] Windows
  • Browser: [e.g. chrome, safari] Chrome

Additional context
Add any other context about the problem here.

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions