Merge pull request #286 from contentstack/hide-focus-on-variant-change

Author: sairaj-cs

src/visualBuilder/eventManager/useHideFocusOverlayPostMessageEvent.ts

@@ -16,12 +16,13 @@ export function useHideFocusOverlayPostMessageEvent({
 }: HideFocusOverlayEventHandlerParams): void {
     visualBuilderPostMessage?.on(
         VisualBuilderPostMessageEvents.HIDE_FOCUS_OVERLAY,
-        () => {
+        (args: { data: { noTrigger: boolean } }) => {
             hideOverlay({
                 visualBuilderOverlayWrapper: overlayWrapper,
                 visualBuilderContainer,
                 focusedToolbar,
                 resizeObserver,
+                noTrigger: Boolean(args?.data?.noTrigger)
             });
         }
     );

src/visualBuilder/generators/generateOverlay.tsx

@@ -106,6 +106,7 @@ export function hideFocusOverlay(elements: HideOverlayParams): void {
         visualBuilderOverlayWrapper,
         focusedToolbar,
         resizeObserver,
+        noTrigger
     } = elements;
 
     if (visualBuilderOverlayWrapper) {
@@ -117,10 +118,13 @@ export function hideFocusOverlay(elements: HideOverlayParams): void {
                 childNode.removeAttribute("style");
             }
         });
-        sendFieldEvent({
-            visualBuilderContainer,
-            eventType: VisualBuilderPostMessageEvents.UPDATE_FIELD,
-        });
+
+        if(!noTrigger){
+            sendFieldEvent({
+                visualBuilderContainer,
+                eventType: VisualBuilderPostMessageEvents.UPDATE_FIELD,
+            });
+        }
 
         cleanIndividualFieldResidual({
             overlayWrapper: visualBuilderOverlayWrapper,
@@ -200,6 +204,7 @@ interface HideOverlayParams
         "visualBuilderContainer" | "focusedToolbar" | "resizeObserver"
     > {
     visualBuilderOverlayWrapper: HTMLDivElement | null;
+    noTrigger?: boolean;
 }
 
 export function hideOverlay(params: HideOverlayParams): void {
@@ -208,6 +213,7 @@ export function hideOverlay(params: HideOverlayParams): void {
         visualBuilderOverlayWrapper: params.visualBuilderOverlayWrapper,
         focusedToolbar: params.focusedToolbar,
         resizeObserver: params.resizeObserver,
+        noTrigger: Boolean(params.noTrigger),
     });
     showAllHiddenHighlightedCommentIcons();
     if (