Fix for flyout shift (#142565)

elastic · Oct 5, 2022 · 4019d37 · 4019d37
1 parent 0ab0f7a
commit 4019d37
Showing 1 changed file with 11 additions and 8 deletions.
diff --git a/...lugins/lens/public/editor_frame_service/editor_frame/config_panel/dimension_container.tsx b/...lugins/lens/public/editor_frame_service/editor_frame/config_panel/dimension_container.tsx
@@ -64,17 +64,20 @@ export function DimensionContainer({
   }, [handleClose]);
 
   useEffect(() => {
-    if (isOpen) {
-      document.body.classList.add('lnsBody--overflowHidden');
-    } else {
-      document.body.classList.remove('lnsBody--overflowHidden');
-    }
+    document.body.classList.toggle('lnsBody--overflowHidden', isOpen);
     return () => {
+      if (isOpen) {
+        setFocusTrapIsEnabled(false);
+      }
       document.body.classList.remove('lnsBody--overflowHidden');
     };
-  });
+  }, [isOpen]);
+
+  if (!isOpen) {
+    return null;
+  }
 
-  return isOpen ? (
+  return (
     <div ref={panelRef}>
       <EuiFocusTrap
         disabled={!focusTrapIsEnabled}
@@ -152,5 +155,5 @@ export function DimensionContainer({
         </div>
       </EuiFocusTrap>
     </div>
-  ) : null;
+  );
 }