From 9243924f78d81216426934ed3e7054ecd4e938f5 Mon Sep 17 00:00:00 2001
From: DCCONSTRUCTIONS <dcconstructions@MacBook-Pro-DCCONSTRUCTIONS-2.local>
Date: Mon, 27 Apr 2026 21:33:42 +0300
Subject: [PATCH] =?UTF-8?q?UI=20-=20=D0=9C=D0=95=D0=96=D0=9F=D0=A0=D0=9E?=
 =?UTF-8?q?=D0=95=D0=9A=D0=A2=D0=9D=D0=90=D0=AF=20=D0=9A=D0=9E=D0=9C=D0=9C?=
 =?UTF-8?q?=D0=A3=D0=9D=D0=98=D0=9A=D0=90=D0=A6=D0=98=D0=AF:=20=D0=BC?=
 =?UTF-8?q?=D0=BD=D0=BE=D0=B3=D0=BE=D1=81=D1=82=D1=80=D0=BE=D1=87=D0=BD?=
 =?UTF-8?q?=D1=8B=D0=B9=20=D0=B1=D1=8B=D1=81=D1=82=D1=80=D1=8B=D0=B9=20?=
 =?UTF-8?q?=D0=B2=D0=B2=D0=BE=D0=B4=20=D0=B7=D0=B0=D0=B4=D0=B0=D1=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../issue-layouts/quick-add/form/kanban.tsx     | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/plane-src/apps/web/core/components/issues/issue-layouts/quick-add/form/kanban.tsx b/plane-src/apps/web/core/components/issues/issue-layouts/quick-add/form/kanban.tsx
index 59dc663..0d2df6e 100644
--- a/plane-src/apps/web/core/components/issues/issue-layouts/quick-add/form/kanban.tsx
+++ b/plane-src/apps/web/core/components/issues/issue-layouts/quick-add/form/kanban.tsx
@@ -5,24 +5,35 @@
  */
 
 import { observer } from "mobx-react";
+import type { KeyboardEvent } from "react";
 import { useTranslation } from "@plane/i18n";
 import type { TQuickAddIssueForm } from "../root";
 
 export const KanbanQuickAddIssueForm = observer(function KanbanQuickAddIssueForm(props: TQuickAddIssueForm) {
   const { ref, projectDetail, register, onSubmit, isEpic } = props;
   const { t } = useTranslation();
+
+  const handleNameKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {
+    if (event.key !== "Enter" || event.shiftKey) return;
+
+    event.preventDefault();
+    event.currentTarget.form?.requestSubmit();
+  };
+
   return (
     <div className="m-1 overflow-hidden rounded-[28px] bg-layer-2 shadow-raised-200">
-      <form ref={ref} onSubmit={onSubmit} className="flex w-full items-center gap-x-3 p-3">
+      <form ref={ref} onSubmit={onSubmit} className="flex w-full items-start gap-x-3 p-3">
         <div className="w-full">
           <h4 className="text-11 leading-5 font-medium text-tertiary">{projectDetail?.identifier ?? "..."}</h4>
-          <input
+          <textarea
+            rows={1}
             autoComplete="off"
             placeholder={isEpic ? t("epic.title.label") : t("issue.title.label")}
+            onKeyDown={handleNameKeyDown}
             {...register("name", {
               required: isEpic ? t("epic.title.required") : t("issue.title.required"),
             })}
-            className="w-full rounded-md bg-transparent px-2 py-1.5 pl-0 text-13 leading-5 font-medium text-secondary outline-none"
+            className="max-h-32 min-h-8 w-full resize-none overflow-y-auto rounded-md bg-transparent px-2 py-1.5 pl-0 text-13 leading-5 font-medium whitespace-pre-wrap text-secondary outline-none [field-sizing:content]"
           />
         </div>
       </form>