update code to work only in case of single fields

Author: srinad007

src/visualBuilder/generators/generateOverlay.tsx

@@ -23,9 +23,6 @@ export function addFocusOverlay(
     focusOverlayWrapper: HTMLDivElement,
     disabled?: boolean
 ): void {
-    VisualBuilder.VisualBuilderGlobalState.value.focusFieldValue = (
-        targetElement as HTMLElement
-    )?.innerText;
     const targetElementDimension = targetElement.getBoundingClientRect();
     if (
         targetElementDimension.width === 0 ||
@@ -138,7 +135,7 @@ export function hideFocusOverlay(elements: HideOverlayParams): void {
                 previousSelectedEditableDOM.innerText = focusFieldValue;
             }
         }
-
+        VisualBuilder.VisualBuilderGlobalState.value.focusFieldValue = null;
         cleanIndividualFieldResidual({
             overlayWrapper: visualBuilderOverlayWrapper,
             visualBuilderContainer: visualBuilderContainer,

src/visualBuilder/utils/handleIndividualFields.ts

@@ -141,6 +141,10 @@ export async function handleIndividualFields(
         // * title, single single_line, single multi_line, single number
         if (ALLOWED_INLINE_EDITABLE_FIELD.includes(fieldType)) {
             let actualEditableField = editableElement as HTMLElement;
+
+            VisualBuilder.VisualBuilderGlobalState.value.focusFieldValue =
+                actualEditableField?.innerText;
+
             const elementComputedDisplay =
                 window.getComputedStyle(actualEditableField).display;