Upload folder using huggingface_hub

client/src/pages/TutorialTasks.tsx

@@ -74,6 +74,23 @@ const TutorialTasks: React.FC = () => {
   const listRef = useRef<HTMLDivElement | null>(null);
   const withPreservedScroll = useRef<(fn: () => void) => void>();
 
+  // Minimal, local scroll-stability helpers for submit/delete
+  const lockListHeight = () => {
+    const el = listRef.current;
+    if (!el) return;
+    const h = el.getBoundingClientRect().height;
+    el.style.minHeight = `${h}px`;
+    el.style.height = `${h}px`;
+    el.style.overflow = 'hidden';
+  };
+  const unlockListHeight = () => {
+    const el = listRef.current;
+    if (!el) return;
+    el.style.overflow = '';
+    el.style.height = '';
+    el.style.minHeight = '';
+  };
+
   // Initialize scroll preservation helper once
   useEffect(() => {
     withPreservedScroll.current = (fn: () => void) => {
@@ -717,6 +734,7 @@ const TutorialTasks: React.FC = () => {
     }
 
     try {
+      lockListHeight();
       withPreservedScroll.current?.(() => {
         setSubmitting({ ...submitting, [taskId]: true });
       });
@@ -751,6 +769,8 @@ const TutorialTasks: React.FC = () => {
       withPreservedScroll.current?.(() => {
         setSubmitting({ ...submitting, [taskId]: false });
       });
+      // release after a couple frames to let DOM settle
+      requestAnimationFrame(() => requestAnimationFrame(unlockListHeight));
     }
   };
 
@@ -796,6 +816,7 @@ const TutorialTasks: React.FC = () => {
 
 
     try {
+      lockListHeight();
       const response = await api.delete(`/api/submissions/${submissionId}`);
 
       if (response.status === 200) {
@@ -813,6 +834,8 @@ const TutorialTasks: React.FC = () => {
       console.error('Error deleting submission:', error);
 
     }
+    // let DOM settle then unlock
+    requestAnimationFrame(() => requestAnimationFrame(unlockListHeight));
   };
 
   const getStatusIcon = (status: string) => {