fix: Don't overflow text beyond width of Excalidraw (#3215)

* fix: Don't overflow text beyond width of Excalidraw

* update changelog

src/element/textWysiwyg.tsx

@@ -80,6 +80,19 @@ export const textWysiwyg = ({
         color: updatedElement.strokeColor,
         opacity: updatedElement.opacity / 100,
         filter: "var(--appearance-filter)",
+        maxWidth: `${
+          appState.offsetLeft +
+          appState.width -
+          viewportX -
+          // margin-right of parent if any
+          Number(
+            getComputedStyle(
+              document.querySelector(".excalidraw")!.parentNode as Element,
+            ).marginRight.slice(0, -2),
+          ) -
+          // padding of layer ui footer
+          8
+        }px`,
       });
     }
   };