Upload folder using huggingface_hub

client/src/pages/TutorialTasks.tsx

@@ -657,10 +657,29 @@ const TutorialTasks: React.FC = () => {
   };
 
   const toggleExpanded = (taskId: string) => {
-    setExpandedSections(prev => ({
-      ...prev,
-      [taskId]: !prev[taskId]
-    }));
+    if (isSafari) {
+      lockListHeight();
+      lockCardHeightById(taskId);
+      lockGridHeightById(taskId);
+      withPreservedCardOffset(taskId, () => {
+        setMutatingTaskId(taskId);
+        setExpandedSections(prev => ({
+          ...prev,
+          [taskId]: !prev[taskId]
+        }));
+      });
+      requestAnimationFrame(() => requestAnimationFrame(() => {
+        unlockListHeight();
+        unlockCardHeightById(taskId);
+        unlockGridHeightById(taskId);
+        setMutatingTaskId(null);
+      }));
+    } else {
+      setExpandedSections(prev => ({
+        ...prev,
+        [taskId]: !prev[taskId]
+      }));
+    }
   };
 
   const fetchUserSubmissions = useCallback(async (tasks: TutorialTask[]) => {
@@ -892,12 +911,17 @@ const TutorialTasks: React.FC = () => {
       withPreservedCardOffset(taskId, () => {
       setSubmitting({ ...submitting, [taskId]: false });
       });
-      // release after a couple frames to let DOM settle
-      requestAnimationFrame(() => requestAnimationFrame(() => {
+      // release after a couple frames to let DOM settle (extra frame on Safari)
+      const release = () => {
         unlockListHeight();
         unlockCardHeightById(taskId);
         unlockGridHeightById(taskId);
-      }));
+      };
+      if (isSafari) {
+        requestAnimationFrame(() => requestAnimationFrame(() => requestAnimationFrame(release)));
+      } else {
+        requestAnimationFrame(() => requestAnimationFrame(release));
+      }
       setMutatingTaskId(null);
     }
   };