fix(Drawer): fix animation (#105)

gravity-ui · Sep 22, 2023 · 45d57c2 · 45d57c2
1 parent 191d3ac
commit 45d57c2
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/Drawer/Drawer.tsx b/src/components/Drawer/Drawer.tsx
@@ -20,15 +20,17 @@ export interface DrawerItemProps {
 
 export const DrawerItem: React.FC<DrawerItemProps> = ({visible, content, direction, className}) => {
     const itemRef = React.useRef<HTMLDivElement>(null);
+    const cssDirection = direction === 'left' ? undefined : direction;
+
     return (
         <CSSTransition
             in={visible}
             timeout={TIMEOUT}
             unmountOnExit={true}
-            classNames={b('item-transition', {direction})}
+            classNames={b('item-transition', {direction: cssDirection})}
             nodeRef={itemRef}
         >
-            <div ref={itemRef} className={b('item', {direction}, className)}>
+            <div ref={itemRef} className={b('item', {direction: cssDirection}, className)}>
                 {content}
             </div>
         </CSSTransition>