fix: respect visible prop on initial render

johnwalley · Feb 20, 2022 · 5daeeaf · 5daeeaf · pahen · Feb 22, 2022
1 parent 81373a4
commit 5daeeaf
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/allotment.tsx b/src/allotment.tsx
@@ -214,7 +214,7 @@ const Allotment = forwardRef<AllotmentHandle, AllotmentProps>(
         );
       }
 
-      for (const updateKey of update) {
+      for (const updateKey of [...enter, ...update]) {
         const props = splitViewPropsRef.current.get(updateKey);
         const index = keys.findIndex((key) => key === updateKey);
 

diff --git a/stories/allotment.stories.tsx b/stories/allotment.stories.tsx
@@ -288,7 +288,7 @@ export const PaneClassName: Story = (args) => {
 };
 
 export const Visible: Story<AllotmentProps> = (args) => {
-  const [visible, setVisible] = useState(true);
+  const [visible, setVisible] = useState(false);
 
   return (
     <div>
@@ -312,7 +312,9 @@ export const Visible: Story<AllotmentProps> = (args) => {
     </div>
   );
 };
-Visible.args = {};
+Visible.args = {
+  defaultSizes: [400, 100],
+};
 
 export const OnReset: Story = (args) => {
   const ref = useRef<AllotmentHandle>(null!);