fix: hide tab on drag

getezy · Nov 6, 2022 · f34f6e1 · f34f6e1
1 parent e7554d5
commit f34f6e1
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/src/app/components/tabs/tab-bar/tab-bar-item/tab-bar-item-draggable.tsx b/src/app/components/tabs/tab-bar/tab-bar-item/tab-bar-item-draggable.tsx
@@ -12,7 +12,7 @@ export const TabBarItemDraggable = React.forwardRef<
   });
 
   const style: React.CSSProperties = {
-    zIndex: isDragging ? 1 : undefined,
+    visibility: isDragging ? 'hidden' : 'visible',
     transform: transform ? `translate3d(${transform.x}px, 0px, 0)` : undefined,
     transition,
   };

diff --git a/src/app/components/tabs/tab-bar/tab-bar.tsx b/src/app/components/tabs/tab-bar/tab-bar.tsx
@@ -251,7 +251,6 @@ export const TabBar: React.FC<PropsWithChildren<TabBarProps>> = ({
         <ActiveBar {...activeBar} css={activeBarStyles} />
       </StyledTabBar>
       {rightNode && <TabBarRightNodeWrapper>{rightNode}</TabBarRightNodeWrapper>}
-      {/* {rightNode} */}
     </TabBarWrapper>
   );
 };