Adding units to flex properties

b-zurg · Jul 3, 2021 · f031457 · f031457
1 parent d307fa0
commit f031457
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/Resizer/index.tsx b/src/components/Resizer/index.tsx
@@ -112,7 +112,7 @@ export const Resizer = ({
   const isTransition = collapseOptions?.buttonTransition !== 'none';
   const collapseButton = collapseOptions ? (
     <ButtonContainer $isVertical={isVertical} $grabberSize={grabberSizeWithUnit} $isLtr={isLtr}>
-      <div style={{ flex: `1 1 ${preButtonFlex}` }} />
+      <div style={{ flex: `1 1 ${preButtonFlex}px` }} />
       <Transition
         in={isTransition ? isHovered : true}
         timeout={isTransition ? collapseOptions.buttonTransitionTimeout : 0}
@@ -126,7 +126,7 @@ export const Resizer = ({
           {isCollapsed ? collapseOptions.afterToggleButton : collapseOptions.beforeToggleButton}
         </ButtonWrapper>
       </Transition>
-      <div style={{ flex: `1 1 ${postButtonFlex}` }} />
+      <div style={{ flex: `1 1 ${postButtonFlex}px` }} />
     </ButtonContainer>
   ) : null;
 

diff --git a/src/components/SplitPane/hooks/useSplitPaneResize.ts b/src/components/SplitPane/hooks/useSplitPaneResize.ts
@@ -142,7 +142,8 @@ export const useSplitPaneResize = (options: SplitPaneResizeOptions): SplitPaneRe
   }, [dragState, movedSizes, hooks]);
   useEffect(() => {
     hooks?.onCollapse?.(collapsedSizes);
-  }, [collapsedSizes, hooks]);
+    hooks?.onSaveSizes?.(movedSizes)
+  }, [collapsedSizes, movedSizes, hooks]);
   useEffect(() => {
     updateCollapsedSizes(collapsedIndices);
     // eslint-disable-next-line react-hooks/exhaustive-deps