diff --git a/package.json b/package.json index 17140b1..47424d1 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "my-weekly-todo-list", - "version": "1.9.0", + "version": "1.10.0", "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/GridTaskBlock.tsx b/src/components/GridTaskBlock.tsx index c9b7f89..a066a62 100644 --- a/src/components/GridTaskBlock.tsx +++ b/src/components/GridTaskBlock.tsx @@ -195,23 +195,24 @@ export function GridTaskBlock({
) : ( @@ -221,7 +222,7 @@ export function GridTaskBlock({ alignItems: "flex-start", gap: "3px", overflow: "visible", - whiteSpace: "normal", + whiteSpace: "pre-wrap", wordBreak: "break-word", flex: 1, }} diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx index f8c79a8..040af51 100644 --- a/src/components/WeeklyView.tsx +++ b/src/components/WeeklyView.tsx @@ -5679,8 +5679,7 @@ interface TaskInputProps { function TaskInput({ onAddTask, onDragOver, onDrop }: TaskInputProps) { const [newTaskTitle, setNewTaskTitle] = useState(""); - const handleAddTask = (e: React.FormEvent) => { - e.preventDefault(); + const handleAddTask = () => { if (newTaskTitle.trim()) { onAddTask(newTaskTitle); setNewTaskTitle(""); @@ -5688,19 +5687,36 @@ function TaskInput({ onAddTask, onDragOver, onDrop }: TaskInputProps) { }; return ( - + ); } @@ -5820,7 +5836,7 @@ function TaskItem({ const [isSubTaskInputOpen, setIsSubTaskInputOpen] = useState(false); const [isSubTasksOpen, setIsSubTasksOpen] = useState(false); const [newSubTaskTitle, setNewSubTaskTitle] = useState(""); - const inputRef = useRef