🐛 Fix layout issue when clicking between columns

Signed-off-by: ibolton336 <[email protected]>
konveyor · Nov 7, 2023 · 7c2d6ce · 7c2d6ce
1 parent 93bb366
commit 7c2d6ce
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/client/src/app/components/PageDrawerContext.tsx b/client/src/app/components/PageDrawerContext.tsx
@@ -160,9 +160,11 @@ export const PageDrawerContent: React.FC<IPageDrawerContentProps> = ({
   }, [drawerPanelContentProps, setDrawerPanelContentProps]);
 
   // If the drawer is already expanded describing app A, then the user clicks app B, we want to send focus back to the drawer.
-  React.useEffect(() => {
-    drawerFocusRef?.current?.focus();
-  }, [drawerFocusRef, focusKey]);
+
+  // TODO: This introduces a layout issue bug when clicking in between the columns of a table.
+  // React.useEffect(() => {
+  //   drawerFocusRef?.current?.focus();
+  // }, [drawerFocusRef, focusKey]);
 
   React.useEffect(() => {
     const drawerHead = header === null ? children : header;