From 87c72116558d97f7a9b12a691ec084748fdff1bf Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Tue, 17 Mar 2026 01:37:39 +0100
Subject: [PATCH] fix: move resize handles outside scrollable sections

Resize handles for all-day and someday areas were inside the
overflow:auto section, making them scroll away. Now placed
outside the section so they always sit at the bottom border.

v1.39.2

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 package.json                  |  2 +-
 src/components/WeeklyView.tsx | 45 +++++++++++++++++++----------------
 2 files changed, 25 insertions(+), 22 deletions(-)

diff --git a/package.json b/package.json
index 9c54bd5..bfca011 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.39.1",
+  "version": "1.39.2",
   "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
   "main": "index.js",
   "scripts": {
diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index 805a316..03822ea 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -5213,6 +5213,7 @@ export default function WeeklyView() {
         if (allDayEvents.length === 0) return null;
 
         return (
+            <>
             <section
                 className={`all-day-events-section ${isAllDayExpanded ? "expanded" : "collapsed"}`}
                 style={isAllDayExpanded && allDayHeight ? { maxHeight: `${allDayHeight}px`, overflowY: 'auto' } : undefined}
@@ -5362,17 +5363,18 @@ export default function WeeklyView() {
                         </div>
                     )}
                 </div>
-                {/* Resize handle */}
-                {isAllDayExpanded && (
-                    <div
-                        className="resize-handle"
-                        onMouseDown={(e) => startResize(e, 'allday')}
-                        onTouchStart={(e) => startResize(e, 'allday')}
-                    >
-                        <div className="resize-handle-bar" />
-                    </div>
-                )}
             </section>
+            {/* Resize handle - outside section so it's always at the bottom border */}
+            {isAllDayExpanded && (
+                <div
+                    className="resize-handle"
+                    onMouseDown={(e) => startResize(e, 'allday')}
+                    onTouchStart={(e) => startResize(e, 'allday')}
+                >
+                    <div className="resize-handle-bar" />
+                </div>
+            )}
+            </>
         );
     })();
 
@@ -7075,7 +7077,7 @@ export default function WeeklyView() {
             {allDayPosition === "below" && allDaySection}
 
             {/* Someday Section */}
-            {showSomeday && (
+            {showSomeday && (<>
                 <section
                     ref={somedaySectionRefCb}
                     className={`weekly-someday ${somedayExpanded ? "expanded" : "collapsed"} transition-colors duration-200`}
@@ -7953,17 +7955,18 @@ export default function WeeklyView() {
                         </div>
                     </div>
                     {/* close flex row */}
-                    {/* Resize handle */}
-                    {somedayExpanded && (
-                        <div
-                            className="resize-handle"
-                            onMouseDown={(e) => startResize(e, 'someday')}
-                            onTouchStart={(e) => startResize(e, 'someday')}
-                        >
-                            <div className="resize-handle-bar" />
-                        </div>
-                    )}
                 </section>
+                {/* Resize handle - outside section so it's always at the bottom border */}
+                {somedayExpanded && (
+                    <div
+                        className="resize-handle"
+                        onMouseDown={(e) => startResize(e, 'someday')}
+                        onTouchStart={(e) => startResize(e, 'someday')}
+                    >
+                        <div className="resize-handle-bar" />
+                    </div>
+                )}
+            </>
             )
             }