diff --git a/src/actions/actionBoundText.tsx b/src/actions/actionBoundText.tsx
index cc675615a..82fa05525 100644
--- a/src/actions/actionBoundText.tsx
+++ b/src/actions/actionBoundText.tsx
@@ -1,4 +1,9 @@
-import { BOUND_TEXT_PADDING, ROUNDNESS, VERTICAL_ALIGN } from "../constants";
+import {
+ BOUND_TEXT_PADDING,
+ ROUNDNESS,
+ VERTICAL_ALIGN,
+ TEXT_ALIGN,
+} from "../constants";
import { getNonDeletedElements, isTextElement, newElement } from "../element";
import { mutateElement } from "../element/mutateElement";
import {
@@ -132,6 +137,7 @@ export const actionBindText = register({
mutateElement(textElement, {
containerId: container.id,
verticalAlign: VERTICAL_ALIGN.MIDDLE,
+ textAlign: TEXT_ALIGN.CENTER,
});
mutateElement(container, {
boundElements: (container.boundElements || []).concat({
diff --git a/src/components/HelpDialog.tsx b/src/components/HelpDialog.tsx
index 8cb775fc5..bd2f38417 100644
--- a/src/components/HelpDialog.tsx
+++ b/src/components/HelpDialog.tsx
@@ -165,11 +165,12 @@ export const HelpDialog = ({ onClose }: { onClose?: () => void }) => {
shortcuts={[KEYS.E, KEYS["0"]]}
/>
+
{
]);
expect(text.containerId).toBe(rectangle.id);
expect(text.verticalAlign).toBe(VERTICAL_ALIGN.MIDDLE);
+ expect(text.textAlign).toBe(TEXT_ALIGN.CENTER);
+ expect(text.x).toBe(
+ h.elements[0].x + h.elements[0].width / 2 - text.width / 2,
+ );
+ expect(text.y).toBe(
+ h.elements[0].y + h.elements[0].height / 2 - text.height / 2,
+ );
});
it("should update font family correctly on undo/redo by selecting bounded text when font family was updated", async () => {
diff --git a/src/locales/en.json b/src/locales/en.json
index 3021014ea..8752d415a 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -319,7 +319,8 @@
"doubleClick": "double-click",
"drag": "drag",
"editor": "Editor",
- "editSelectedShape": "Edit selected shape (text/arrow/line)",
+ "editLineArrowPoints": "Edit line/arrow points",
+ "editText": "Edit text / add label",
"github": "Found an issue? Submit",
"howto": "Follow our guides",
"or": "or",