fix: update elbow arrow on font size change #8798 (#9002)

packages/excalidraw/actions/actionProperties.tsx

@@ -89,6 +89,7 @@ import type {
   FontFamilyValues,
   TextAlign,
   VerticalAlign,
+  NonDeletedSceneElementsMap,
 } from "../element/types";
 import { getLanguage, t } from "../i18n";
 import { KEYS } from "../keys";
@@ -115,6 +116,7 @@ import {
   bindPointToSnapToElementOutline,
   calculateFixedPointForElbowArrowBinding,
   getHoveredElementForBinding,
+  updateBoundElements,
 } from "../element/binding";
 import { LinearElementEditor } from "../element/linearElementEditor";
 import type { LocalPoint } from "../../math";
@@ -218,8 +220,7 @@ const changeFontSize = (
 ) => {
   const newFontSizes = new Set<number>();
 
-  return {
+  const updatedElements = changeProperty(
-    elements: changeProperty(
     elements,
     appState,
     (oldElement) => {
@@ -240,11 +241,26 @@ const changeFontSize = (
 
         return newElement;
       }
-
       return oldElement;
     },
     true,
-    ),
+  );
+
+  // Update arrow elements after text elements have been updated
+  const updatedElementsMap = arrayToMap(updatedElements);
+  getSelectedElements(elements, appState, {
+    includeBoundTextElement: true,
+  }).forEach((element) => {
+    if (isTextElement(element)) {
+      updateBoundElements(
+        element,
+        updatedElementsMap as NonDeletedSceneElementsMap,
+      );
+    }
+  });
+
+  return {
+    elements: updatedElements,
     appState: {
       ...appState,
       // update state only if we've set all select text elements to