stretch the divider to the height of parent

agneym · Dec 16, 2019 · 4a9f024 · 4a9f024
1 parent 303b0e8
commit 4a9f024
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/playground/src/Draggable/index.tsx b/playground/src/Draggable/index.tsx
@@ -4,13 +4,13 @@ import useDrag from "./useDrag";
 
 const Container = styled.div`
   display: flex;
+  align-items: stretch;
 `;
 
-const DIVIDER_WIDTH = 5;
+const DIVIDER_WIDTH = 3;
 
 const Divider = styled.div`
   width: ${DIVIDER_WIDTH}px;
-  height: 20rem;
   cursor: col-resize;
 `;
 

diff --git a/playground/src/Draggable/useDrag.ts b/playground/src/Draggable/useDrag.ts
@@ -50,7 +50,7 @@ function useDrag({ containerRef, dividerRef, dividerWidth }: IProps) {
 
   return {
     leftWidth: width,
-    rightWidth: containerRect ? containerRect.width - width : 0,
+    rightWidth: containerRect ? containerRect.width - width - dividerWidth : 0,
   };
 }