fix: vertical motion and overflow handling in DrawerPopup

Author: QdabuliuQ

docs/examples/assets/motion.less

@@ -92,12 +92,12 @@
       transform: translateY(-100%);
 
       &-active {
-        transform: translateX(0);
+        transform: translateY(0);
       }
     }
 
     &-leave {
-      transform: translateX(0);
+      transform: translateY(0);
 
       &-active {
         transform: translateY(-100%) !important;
@@ -113,12 +113,12 @@
       transform: translateY(100%);
 
       &-active {
-        transform: translateX(0);
+        transform: translateY(0);
       }
     }
 
     &-leave {
-      transform: translateX(0);
+      transform: translateY(0);
 
       &-active {
         transform: translateY(100%) !important;

src/DrawerPopup.tsx

@@ -356,9 +356,9 @@ const DrawerPopup: React.ForwardRefRenderFunction<
     }
 
     if (resizable) {
-      style.overflow = 'none';
+      style.overflow = 'visible';
     } else {
-      style.overflow = 'auto';
+      style.overflow = 'hidden';
     }
 
     return style;