From d89e6f3bdd73bfc0f6f228602af64e32f0bfa052 Mon Sep 17 00:00:00 2001
From: Ben Nguyen <105088397+bpnguyen107@users.noreply.github.com>
Date: Tue, 7 Jan 2025 04:43:28 -0800
Subject: [PATCH] IO: Prevent text masks from flipping (#3672)

* Lock scaling flip when creating new text mask

* Lock scaling flip on existing text masks
---
 ts/routes/image-occlusion/shapes/text.ts     | 1 +
 ts/routes/image-occlusion/tools/tool-text.ts | 1 +
 2 files changed, 2 insertions(+)

diff --git a/ts/routes/image-occlusion/shapes/text.ts b/ts/routes/image-occlusion/shapes/text.ts
index b41a071ec..fd7ac191e 100644
--- a/ts/routes/image-occlusion/shapes/text.ts
+++ b/ts/routes/image-occlusion/shapes/text.ts
@@ -48,6 +48,7 @@ export class Text extends Shape {
             backgroundColor: TEXT_BACKGROUND_COLOR,
             padding: TEXT_PADDING,
             lineHeight: 1,
+            lockScalingFlip: true,
         });
     }
 
diff --git a/ts/routes/image-occlusion/tools/tool-text.ts b/ts/routes/image-occlusion/tools/tool-text.ts
index 76f463189..76c861461 100644
--- a/ts/routes/image-occlusion/tools/tool-text.ts
+++ b/ts/routes/image-occlusion/tools/tool-text.ts
@@ -46,6 +46,7 @@ export const drawText = (canvas: fabric.Canvas, onActivated: Callback): void =>
             padding: TEXT_PADDING,
             opacity: get(opacityStateStore) ? 0.4 : 1,
             lineHeight: 1,
+            lockScalingFlip: true,
         });
         text["id"] = "text-" + new Date().getTime();