diff --git a/dist/ReactGraph.js b/dist/ReactGraph.js index 6b65d34f..d0a5af05 100644 --- a/dist/ReactGraph.js +++ b/dist/ReactGraph.js @@ -34185,6 +34185,8 @@ return e.target.className && e.target.className.includes && (e.target.className.includes('source') || e.target.className.includes('target')); }; + var hasResizeObserver = !!window.ResizeObserver; + var getHandleBounds = function getHandleBounds(sel, nodeElement, parentBounds, k) { var handles = nodeElement.querySelectorAll(sel); @@ -34346,9 +34348,10 @@ React.useEffect(function () { updateNode(); + var resizeObserver = null; - if (ResizeObserver) { - var _resizeObserver = new ResizeObserver(function (entries) { + if (hasResizeObserver) { + resizeObserver = new ResizeObserver(function (entries) { var _iteratorNormalCompletion = true; var _didIteratorError = false; var _iteratorError = undefined; @@ -34373,12 +34376,13 @@ } } }); - - _resizeObserver.observe(nodeElement.current); + resizeObserver.observe(nodeElement.current); } return function () { - resizeObserver.unobserve(nodeElement.current); + if (hasResizeObserver && resizeObserver) { + resizeObserver.unobserve(nodeElement.current); + } }; }, []); return React__default.createElement(reactDraggable.DraggableCore, { diff --git a/src/NodeRenderer/NodeTypes/wrapNode.js b/src/NodeRenderer/NodeTypes/wrapNode.js index 0b077f7b..f894bcbd 100644 --- a/src/NodeRenderer/NodeTypes/wrapNode.js +++ b/src/NodeRenderer/NodeTypes/wrapNode.js @@ -12,6 +12,8 @@ const isHandle = e => ( (e.target.className.includes('source') || e.target.className.includes('target')) ); +const hasResizeObserver = !!window.ResizeObserver; + const getHandleBounds = (sel, nodeElement, parentBounds, k) => { const handles = nodeElement.querySelectorAll(sel); @@ -112,8 +114,10 @@ export default NodeComponent => { useEffect(() => { updateNode(); - if (ResizeObserver) { - const resizeObserver = new ResizeObserver(entries => { + let resizeObserver = null; + + if (hasResizeObserver) { + resizeObserver = new ResizeObserver(entries => { for (let entry of entries) { updateNode(); } @@ -123,7 +127,9 @@ export default NodeComponent => { } return () => { - resizeObserver.unobserve(nodeElement.current); + if (hasResizeObserver && resizeObserver) { + resizeObserver.unobserve(nodeElement.current); + } } }, []);