Merge pull request #74 from PentabyteDevAlign/refactor

zrahadiz · web-flow · commit 3de91af74e7b · 2025-11-09T19:57:40.000+07:00
ref: click outside cant close dialog task kanban
diff --git a/Frontend/src/components/kanban/Column.jsx b/Frontend/src/components/kanban/Column.jsx
@@ -318,7 +318,11 @@ const Column = ({
                   Add Task
                 </Button>
               </DialogTrigger>
-              <DialogContent className="sm:max-w-[425px]">
+              <DialogContent
+                className="sm:max-w-[425px]"
+                onInteractOutside={(e) => e.preventDefault()}
+                onEscapeKeyDown={(e) => e.preventDefault()}
+              >
                 <DialogHeader>
                   <DialogTitle>Add New Task</DialogTitle>
                 </DialogHeader>
diff --git a/Frontend/src/components/kanban/TaskCard.jsx b/Frontend/src/components/kanban/TaskCard.jsx
@@ -234,7 +234,11 @@ const TaskCard = ({ task, projectId }) => {
           }
         }}
       >
-        <DialogContent className="max-w-lg">
+        <DialogContent
+          className="max-w-lg"
+          onInteractOutside={(e) => e.preventDefault()}
+          onEscapeKeyDown={(e) => e.preventDefault()}
+        >
           <DialogHeader>
             <DialogTitle className="flex justify-between items-center">
               {isEditing ? "Edit Task" : task.title}

Original file line number	Diff line number	Diff line change
`@@ -234,7 +234,11 @@ const TaskCard = ({ task, projectId }) => {`
`234`	`234`	`}`
`235`	`235`	`}}`
`236`	`236`	`>`
`237`		`- <DialogContent className="max-w-lg">`
	`237`	`+ <DialogContent`
	`238`	`+ className="max-w-lg"`
	`239`	`+ onInteractOutside={(e) => e.preventDefault()}`
	`240`	`+ onEscapeKeyDown={(e) => e.preventDefault()}`
	`241`	`+ >`
`238`	`242`	`<DialogHeader>`
`239`	`243`	`<DialogTitle className="flex justify-between items-center">`
`240`	`244`	`{isEditing ? "Edit Task" : task.title}`