improve collapse behaviour

argilla-io · Jun 17, 2024 · a9e2d7b · a9e2d7b
1 parent 31d8884
commit a9e2d7b
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/argilla-frontend/components/base/base-resizable/HorizontalResizable.vue b/argilla-frontend/components/base/base-resizable/HorizontalResizable.vue
@@ -63,12 +63,9 @@ export default {
       this.debounce.stop();
       const savedPosition = this.getPosition();
       if (this.isExpanded) {
-        const useSavedPosition =
-          this.parentHeight - parseInt(savedPosition?.position) >
-          this.expandedPanelMinHeight;
-        this.upSide.style.height = useSavedPosition
-          ? savedPosition?.position
-          : "50%";
+        if (this.resizing) {
+          this.upSide.style.height = savedPosition?.position;
+        }
       } else {
         this.upSide.style.height = "100%";
       }
@@ -150,6 +147,15 @@ export default {
     },
     toggleExpand() {
       this.isExpanded = !this.isExpanded;
+      if (this.isExpanded) {
+        const savedPosition = this.getPosition();
+        const useSavedPosition =
+          this.parentHeight - parseInt(savedPosition?.position) >
+          this.expandedPanelMinHeight;
+        this.upSide.style.height = useSavedPosition
+          ? savedPosition?.position
+          : "50%";
+      }
     },
   },
   setup(props) {