react-container-query uses resize-observer-lite to listen to change events to re-render the react component tree:
https://github.com/d6u/react-container-query/blob/master/src/ContainerQueryCore.ts#L11

resize-observer-lite prefers to use the browser's window.ResizeObserver directly, but if not present will use element-resize-detector's custom API to listen to resize changes:
https://github.com/d6u/resize-observer-lite/blob/master/src/index.ts#L11

unfortunately element-resize-detector is not a polyfill we could conditionally load, it's a custom API.

i believe element-resize-detector is already polluting the global namespace by creating window. elementResizeDetectorMaker. resize-observer-lite's main file could remove its dependency on element-resize-detector and fall back to window.elementResizeDetectorMaker (maybe also wrapped in a conditional to prevent errors if not included). then to prevent breaking current consumers, react-observer-lite could import element-resize-detector in a separate file which gets imported in the build step, but adds another build step which generates an alternate dist without importing element-resize-detector. react-container-query would also need to provide a second dist without the element-resize-detector dependency

Do not include polyfill #71

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions