From f4def7d6c1e162845d8930576194bb33465d6893 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 11 Jan 2024 10:27:07 +0100
Subject: [PATCH] refactor(react/changes): handle resize

---
 examples/react/src/examples/MultiSetNodes/index.tsx | 1 +
 examples/react/src/examples/MultiSetNodes/style.css | 2 +-
 packages/react/src/utils/changes.ts                 | 7 ++++---
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/examples/react/src/examples/MultiSetNodes/index.tsx b/examples/react/src/examples/MultiSetNodes/index.tsx
index f04e0ddf..fcb49924 100644
--- a/examples/react/src/examples/MultiSetNodes/index.tsx
+++ b/examples/react/src/examples/MultiSetNodes/index.tsx
@@ -63,6 +63,7 @@ const CustomNodeFlow = () => {
       onEdgesChange={onEdgesChange}
       onConnect={onConnect}
       fitView
+      className="multiset"
     >
       <Controls />
       <Background />
diff --git a/examples/react/src/examples/MultiSetNodes/style.css b/examples/react/src/examples/MultiSetNodes/style.css
index 11f62226..2f427666 100644
--- a/examples/react/src/examples/MultiSetNodes/style.css
+++ b/examples/react/src/examples/MultiSetNodes/style.css
@@ -1,3 +1,3 @@
-.react-flow .react-flow__node {
+.multiset .react-flow__node {
   width: 50px;
 }
diff --git a/packages/react/src/utils/changes.ts b/packages/react/src/utils/changes.ts
index 62593219..9f2df299 100644
--- a/packages/react/src/utils/changes.ts
+++ b/packages/react/src/utils/changes.ts
@@ -152,10 +152,11 @@ function applyChange(change: any, element: any, elements: any[] = []): any {
         element.computed ??= {};
         element.computed.width = change.dimensions.width;
         element.computed.height = change.dimensions.height;
-      }
 
-      if (typeof change.updateStyle !== 'undefined') {
-        element.style = Object.assign({}, element.style, change.updateStyle);
+        if (change.resizing) {
+          element.width = change.dimensions.width;
+          element.height = change.dimensions.height;
+        }
       }
 
       if (typeof change.resizing === 'boolean') {