From 3da2acadf1822435651d882de906202c3a67c1ff Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Mon, 23 Mar 2026 10:28:17 +0100
Subject: [PATCH] fix: project picker dropdown stays visible and above other
 tasks

Add picker-open class when project picker is shown to keep task-actions
visible even when mouse leaves the task hover area. Elevate z-index on
picker-open tasks so the dropdown isn't obscured by adjacent tasks.

v1.57.15
---
 package.json                     |  2 +-
 src/app/globals.css              | 13 +++++++++++++
 src/components/GridTaskBlock.tsx |  2 +-
 src/components/WeeklyView.tsx    |  2 +-
 4 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 6dcfbf0..aa1b626 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.57.14",
+  "version": "1.57.15",
   "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/app/globals.css b/src/app/globals.css
index 31170e6..0d6ae23 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1037,6 +1037,19 @@ h3 {
   border-color: #404040;
 }
 
+/* Keep task-actions visible when a picker/dropdown is open */
+.time-slot-task.picker-open > .task-actions,
+.weekly-task-item.picker-open > .task-actions {
+  opacity: 1;
+  pointer-events: auto;
+  visibility: visible;
+}
+
+/* Ensure picker-open task is above other tasks */
+.time-slot-task.picker-open {
+  z-index: 50 !important;
+}
+
 .task-action-btn {
   background: none;
   border: none;
diff --git a/src/components/GridTaskBlock.tsx b/src/components/GridTaskBlock.tsx
index 0518141..b2591e0 100644
--- a/src/components/GridTaskBlock.tsx
+++ b/src/components/GridTaskBlock.tsx
@@ -191,7 +191,7 @@ export function GridTaskBlock({
     return (
         <div
             ref={blockRef}
-            className={`time-slot-task ${task.completed && !showTaskCheckboxes ? "completed" : ""} ${draggedTask?.id === task.id ? "dragging" : ""} ${touchActive ? "touch-active" : ""}`}
+            className={`time-slot-task ${task.completed && !showTaskCheckboxes ? "completed" : ""} ${draggedTask?.id === task.id ? "dragging" : ""} ${touchActive ? "touch-active" : ""} ${showProjectPicker ? "picker-open" : ""}`}
             style={{
                 position: "absolute",
                 top: `${topOffset}px`,
diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index 3500f05..678f303 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -9596,7 +9596,7 @@ function TaskItem({
     return (
         <li
             ref={taskItemRef}
-            className={`weekly-task-item ${variant} ${task.completed ? "completed" : ""} ${task.completed && showTaskCheckboxes ? "completed-with-checkbox" : ""} ${isSomeday ? "relative mx-2 w-full" : ""} ${touchActive ? "touch-active" : ""} ${swipeX !== 0 ? "task-swipe-container" : ""}`}
+            className={`weekly-task-item ${variant} ${task.completed ? "completed" : ""} ${task.completed && showTaskCheckboxes ? "completed-with-checkbox" : ""} ${isSomeday ? "relative mx-2 w-full" : ""} ${touchActive ? "touch-active" : ""} ${showProjectPicker ? "picker-open" : ""} ${swipeX !== 0 ? "task-swipe-container" : ""}`}
             style={(() => {
                 const stageColor = task.kanbanStage ? kanbanStages.find(s => s.id === task.kanbanStage)?.color : null;
                 if (stageColor) return { borderLeft: `4px solid ${stageColor}`, paddingLeft: "6px" };