Merge remote-tracking branch 'origin/release' into danieljgeiger-mathjax

src/element/textWysiwyg.tsx

@@ -32,8 +32,8 @@ import {
   normalizeText,
   redrawTextBoundingBox,
   wrapText,
-  getMaxContainerHeight,
-  getMaxContainerWidth,
+  getBoundTextMaxHeight,
+  getBoundTextMaxWidth,
   computeContainerDimensionForBoundText,
   detectLineHeight,
 } from "./textElement";
@@ -174,7 +174,7 @@ export const textWysiwyg = ({
           ? wrapText(
               updatedTextElement.originalText,
               getFontString(updatedTextElement),
-              getMaxContainerWidth(container),
+              getBoundTextMaxWidth(container),
             )
           : updatedTextElement.originalText,
         getFontString(updatedTextElement),
@@ -189,7 +189,7 @@ export const textWysiwyg = ({
 
       if (container && updatedTextElement.containerId) {
         textElementHeight = Math.min(
-          getMaxContainerHeight(container),
+          getBoundTextMaxWidth(container),
           textElementHeight,
         );
         if (isArrowElement(container)) {
@@ -221,7 +221,7 @@ export const textWysiwyg = ({
             wrapText(
               updatedTextElement.originalText,
               font,
-              getMaxContainerWidth(container),
+              getBoundTextMaxWidth(container),
             ).split("\n").length;
           textElementHeight = Math.max(
             textElementHeight,
@@ -245,8 +245,11 @@ export const textWysiwyg = ({
           }
         }
 
-        maxWidth = getMaxContainerWidth(container);
-        maxHeight = getMaxContainerHeight(container);
+        maxWidth = getBoundTextMaxWidth(container);
+        maxHeight = getBoundTextMaxHeight(
+          container,
+          updatedTextElement as ExcalidrawTextElementWithContainer,
+        );
 
         // autogrow container height if text exceeds
         if (!isArrowElement(container) && textElementHeight > maxHeight) {
@@ -437,7 +440,7 @@ export const textWysiwyg = ({
         const wrappedText = wrapText(
           `${editable.value}${data}`,
           font,
-          getMaxContainerWidth(container),
+          getBoundTextMaxWidth(container),
         );
         const width = getTextWidth(wrappedText, font);
         editable.style.width = `${width}px`;
@@ -454,7 +457,7 @@ export const textWysiwyg = ({
         const wrappedText = wrapText(
           normalizeText(editable.value),
           font,
-          getMaxContainerWidth(container!),
+          getBoundTextMaxWidth(container!),
         );
         const { width, height } = measureText(
           wrappedText,