From 0ea3d8c49ef8b87d2e44b681816985a678ba9776 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=98=D0=BB=D1=8C=D1=8F=D1=81=20=D0=A1=D1=83=D0=BB=D1=82?=
 =?UTF-8?q?=D0=B0=D0=BD=D0=BE=D0=B2?= <si@op16.ru>
Date: Wed, 15 Jul 2026 16:58:37 +0300
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=D0=BE=D0=B2=D0=B5=D1=80=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=B9=20inline-=D1=80=D0=B5=D0=B4=D0=B0=D0=BA=D1=82=D0=BE?=
 =?UTF-8?q?=D1=80=D0=B0=20=D1=80=D0=B0=D1=81=D1=82=D1=8F=D0=B3=D0=B8=D0=B2?=
 =?UTF-8?q?=D0=B0=D0=B5=D1=82=D1=81=D1=8F=20=D0=BF=D0=BE=20content?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- FieldOverlay: при fitOverlay=false добавлен w-max, чтобы оверлей растягивался по ширине редактора, а не обрезался по read-view

- TaskDetail: date/datetime с автопролонгацией используют fitOverlay=false и overlayMinWidth=280
---
 client/src/components/fields/FieldOverlay.tsx |  2 +-
 client/src/pages/TaskDetail.tsx               | 16 +++++++++++++---
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/client/src/components/fields/FieldOverlay.tsx b/client/src/components/fields/FieldOverlay.tsx
index b53a61c..47b5827 100644
--- a/client/src/components/fields/FieldOverlay.tsx
+++ b/client/src/components/fields/FieldOverlay.tsx
@@ -43,7 +43,7 @@ export function FieldOverlay({
     <div
       className={cn(
         'absolute z-50 rounded-md border border-input bg-background shadow-sm',
-        fitContainer ? 'inset-0' : 'left-0 top-0 min-w-full',
+        fitContainer ? 'inset-0' : 'left-0 top-0 min-w-full w-max',
         className
       )}
       style={style}
diff --git a/client/src/pages/TaskDetail.tsx b/client/src/pages/TaskDetail.tsx
index 3e36172..0e8befa 100644
--- a/client/src/pages/TaskDetail.tsx
+++ b/client/src/pages/TaskDetail.tsx
@@ -1297,6 +1297,8 @@ function FieldValueRow({
               const editorNode = renderEditor();
               const canShowInlineEditor = isGlobalEditMode && isEditable && !fieldState.immutable && !readOnly && editorNode != null;
               const isContractNumberField = field.type === 'contract-number';
+              const isDateWithProlongation = (field.type === 'date' || field.type === 'datetime') && field.autoProlongation;
+              const needsWideOverlay = isContractNumberField || isDateWithProlongation;
               return canShowInlineEditor ? (
                 <InlineField
                   readView={readViewNode}
@@ -1304,16 +1306,24 @@ function FieldValueRow({
                   isEditing={true}
                   editable={isEditable && !readOnly && !fieldState.immutable}
                   onEnterEdit={handleEnterEdit}
-                  fitOverlay={!isContractNumberField && field.type !== 'textarea' && field.type !== 'rich-text'}
+                  fitOverlay={!needsWideOverlay && field.type !== 'textarea' && field.type !== 'rich-text'}
                   overlayClassName={
-                    isContractNumberField
+                    needsWideOverlay
                       ? 'overflow-visible'
                       : field.type === 'textarea' || field.type === 'rich-text'
                         ? 'flex flex-col overflow-hidden'
                         : ''
                   }
                   overlayMaxHeight={field.type === 'textarea' || field.type === 'rich-text' ? 'min(85vh, 700px)' : undefined}
-                  overlayMinWidth={isContractNumberField ? 320 : field.type === 'textarea' || field.type === 'rich-text' ? '100%' : 180}
+                  overlayMinWidth={
+                    isContractNumberField
+                      ? 320
+                      : isDateWithProlongation
+                        ? 280
+                        : field.type === 'textarea' || field.type === 'rich-text'
+                          ? '100%'
+                          : 180
+                  }
                   overlayWidth={field.type === 'textarea' || field.type === 'rich-text' ? '100%' : undefined}
                   className={field.type === 'textarea' || field.type === 'rich-text' ? 'items-start min-h-[24px] w-full' : 'items-center min-h-[28px]'}
                 />