question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ResizeObserver issues with Server Side Rendering and older browsers

See original GitHub issue

The new ResizeObserver features cause some issues when using Server Side Rendering or older browsers, as it does not exist in those environments.

One use can be manually disabled using the resizeObserverConfig, but this one can not: https://github.com/clauderic/dnd-kit/blob/eb6d4c95227631d8e05bfb31685886458f995c93/packages/core/src/hooks/utilities/useDragOverlayMeasuring.ts#L34

It can likely be solved by checking if the ResizeObserver is supported before using it.

This affects @dnd-kit/core@5.0.0

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:1
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
claudericcommented, Jan 10, 2022

Working on it, will ship a patch release

1reaction
Mandurocommented, Jan 10, 2022

Works great, thanks @clauderic

Read more comments on GitHub >

github_iconTop Results From Across the Web

Server side rendering support #73 - juggle/resize-observer
Describe the bug. The package causes the build system to crash when used in server-side rendering app. To Reproduce.
Read more >
ResizeObserver - Web APIs | MDN
The ResizeObserver interface reports changes to the dimensions of an Element's content or border box, or the bounding box of an SVGElement.
Read more >
Next.js and ag-grid - ResizeObserver.observe error while ...
Solution: Turns out the issue was not ag-grid conflicting with Next.js but rather ag-grid conflicting with React 18.
Read more >
Server Side Rendering fallback for old browsers
According to our design principles, we prioritize for modern browsers and look only for usability in older browsers, not feature parity.
Read more >
Resize Observer | Can I use... Support tables for ... - CanIUse
Method for observing and reacting to changes to sizes of DOM elements. Usage % of. all users, all tracked, tracked desktop, tracked mobile....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found