BUGFIX: Prevent delayed repositioning of toolbars during inline editing

Before it would take some time during editing when newlines are added until
the anchorposition would be recalculated due to the stored node change.

Author: Sebobo

packages/neos-ui-guest-frame/src/InlineUI/NodeToolbar/index.tsx

@@ -162,15 +162,23 @@ const NodeToolbar: React.FC<NodeToolbarProps> = ({
         iframeWindow.addEventListener('load', debouncedUpdateRef.current);
         iframeWindow.addEventListener('mousemove', handleMouseMove);
 
+        // With the observer we can immediately react to size changes during inline editing
+        const resizeObserver = new ResizeObserver(updateAnchorPosition);
+        const nodeElement = findNodeInGuestFrame(contextPath, fusionPath);
+        if (nodeElement) {
+            resizeObserver.observe(nodeElement);
+        }
+
         scrollIntoView();
         updateAnchorPosition();
 
         return () => {
+            resizeObserver.disconnect();
             iframeWindow.removeEventListener('resize', debouncedUpdateRef.current);
             iframeWindow.removeEventListener('load', debouncedUpdateRef.current);
             iframeWindow.removeEventListener('mousemove', handleMouseMove);
         };
-    }, [handleMouseMove, scrollIntoView, updateAnchorPosition]);
+    }, [contextPath, fusionPath, handleMouseMove, scrollIntoView, updateAnchorPosition]);
 
     // Update effect - equivalent to componentDidUpdate
     useEffect(() => {