From 44c1a790f3b4ded790b2e23c02bdb4456d551b06 Mon Sep 17 00:00:00 2001
From: Ketan <73937490+devketanpro@users.noreply.github.com>
Date: Fri, 10 Nov 2023 12:29:13 +0530
Subject: [PATCH] fix: Prevent unintended synchronization of multilingual text
 fields[SDESK-7061] (#1877)

* fix: Prevent unintended synchronization of multilingual text fields[SDESK-7061]

* address comment
---
 .../fields/editor/base/multilingualText.tsx      | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/client/components/fields/editor/base/multilingualText.tsx b/client/components/fields/editor/base/multilingualText.tsx
index e23b934ca..235481be1 100644
--- a/client/components/fields/editor/base/multilingualText.tsx
+++ b/client/components/fields/editor/base/multilingualText.tsx
@@ -20,7 +20,7 @@ export class EditorFieldMultilingualText extends React.Component<IMultilingualTe
     constructor(props: IMultilingualTextProps) {
         super(props);
 
-        this.state = {fields: this.getFieldStates()};
+        this.state = {fields: this.getFieldStates(true)};
         this.onChange = this.onChange.bind(this);
     }
 
@@ -30,12 +30,16 @@ export class EditorFieldMultilingualText extends React.Component<IMultilingualTe
             this.updateFieldState();
         }
     }
+    componentDidMount() {
+        // Update the field state after mounting, indicating it's the initial mount
+        this.updateFieldState(true);
+    }
 
-    updateFieldState() {
-        this.setState({fields: this.getFieldStates()});
+    updateFieldState(isInitialMount: boolean = false) {
+        this.setState({fields: this.getFieldStates(isInitialMount)});
     }
 
-    getFieldStates(): IState['fields'] {
+    getFieldStates(isInitialMount: boolean = false): IState['fields'] {
         const multilingualConfig = planningApi.contentProfiles.multilingual.getConfig(this.props.profile?.name);
 
         if (multilingualConfig.isEnabled === false) {
@@ -50,10 +54,10 @@ export class EditorFieldMultilingualText extends React.Component<IMultilingualTe
                 return fields;
             }, {});
 
-        // If the entry for the default language has not been assigned to the item
+        // If it's the initial mount and the entry for the default language has not been assigned to the item
         // then this item may have been created before multilingual functionality
         // therefor show the value from the parent field
-        if (translations[multilingualConfig.defaultLanguage] == null) {
+        if (isInitialMount && translations[multilingualConfig.defaultLanguage] == null) {
             translations[multilingualConfig.defaultLanguage] = get(
                 this.props.item,
                 this.props.field,