Upload folder using huggingface_hub

client/src/pages/TutorialTasks.tsx

@@ -916,26 +916,34 @@ const TutorialTasks: React.FC = () => {
         });
 
         // Defer state updates and minimal refetch
-        // Measure grid height and set spacer before refetch to keep layout height constant
-        const gridEl = submissionsGridRefs.current[taskId];
-        const gridHeight = gridEl ? gridEl.getBoundingClientRect().height : 0;
-        if (gridHeight > 0) setSpacerHeights(prev => ({ ...prev, [taskId]: gridHeight }));
-        withPreservedCardOffset(taskId, () => {
-          React.startTransition(() => {
-        setTranslationText({ ...translationText, [taskId]: '' });
-        setSelectedGroups({ ...selectedGroups, [taskId]: 0 });
-            // Narrow refetch: only this task's submissions. Build off-DOM then swap in one commit
-            api.get(`/api/submissions/by-source/${taskId}`).then(r => {
-              const list = (r.data && r.data.submissions) || [];
-              flushSync(() => {
-                setUserSubmissions(prev => ({ ...prev, [taskId]: list }));
+        if (!isSafari) {
+          // Measure grid height and set spacer before refetch to keep layout height constant
+          const gridEl = submissionsGridRefs.current[taskId];
+          const gridHeight = gridEl ? gridEl.getBoundingClientRect().height : 0;
+          if (gridHeight > 0) setSpacerHeights(prev => ({ ...prev, [taskId]: gridHeight }));
+          withPreservedCardOffset(taskId, () => {
+            React.startTransition(() => {
+              setTranslationText({ ...translationText, [taskId]: '' });
+              setSelectedGroups({ ...selectedGroups, [taskId]: 0 });
+              // Narrow refetch: only this task's submissions. Build off-DOM then swap in one commit
+              api.get(`/api/submissions/by-source/${taskId}`).then(r => {
+                const list = (r.data && r.data.submissions) || [];
+                flushSync(() => {
+                  setUserSubmissions(prev => ({ ...prev, [taskId]: list }));
+                });
+                requestAnimationFrame(() => setSpacerHeights(prev => ({ ...prev, [taskId]: 0 })));
+              }).catch(() => {
+                requestAnimationFrame(() => setSpacerHeights(prev => ({ ...prev, [taskId]: 0 })));
               });
-              requestAnimationFrame(() => setSpacerHeights(prev => ({ ...prev, [taskId]: 0 })));
-            }).catch(() => {
-              requestAnimationFrame(() => setSpacerHeights(prev => ({ ...prev, [taskId]: 0 })));
             });
           });
-        });
+        } else {
+          // Safari: skip refetch to avoid extra reflow; just clear local fields
+          React.startTransition(() => {
+            setTranslationText({ ...translationText, [taskId]: '' });
+            setSelectedGroups({ ...selectedGroups, [taskId]: 0 });
+          });
+        }
       } else {
         console.error('Failed to submit translation:', response.data);
       }
@@ -2323,7 +2331,7 @@ const TutorialTasks: React.FC = () => {
 
                 {/* All Submissions for this Task */}
                 {userSubmissions[task._id] && userSubmissions[task._id].length > 0 && (
-                  <div ref={(el) => { submissionsContainerRefs.current[task._id] = el; }} className="bg-gradient-to-r from-white to-indigo-50 rounded-xl p-6 mb-6 border border-stone-200" style={{ overflowAnchor: 'none' }}>
+                  <div ref={(el) => { submissionsContainerRefs.current[task._id] = el; }} className="bg-gradient-to-r from-white to-indigo-50 rounded-xl p-6 mb-6 border border-stone-200" style={{ overflowAnchor: 'none', overscrollBehavior: 'contain' as any }}>
                     <div className="flex items-center justify-between mb-4">
                       <div className="flex items-center space-x-2">
                         <div className="bg-indigo-100 rounded-full p-1">
@@ -2350,7 +2358,7 @@ const TutorialTasks: React.FC = () => {
                       expandedSections[task._id] 
                         ? 'max-h-none overflow-visible' 
                         : 'max-h-0 overflow-hidden'
-                    }`}>
+                    }`} style={{ overscrollBehavior: 'contain' as any }}>
                       {userSubmissions[task._id].map((submission, index) => (
                         <div key={submission._id} className="bg-white rounded-lg p-3 border border-stone-200 flex flex-col justify-between h-full">
                           <div className="flex items-center justify-between mb-2">