From 430ec3e76bbb97a302e4937348451cd5869cd32d Mon Sep 17 00:00:00 2001
From: BOHA <boha@boha.cz>
Date: Tue, 9 Jun 2026 15:37:34 +0200
Subject: [PATCH] fix(ui): make item description a drag-resizable textarea
 (rows + resize:vertical) across invoice/order/offer

Replaces MUI autosize (no handle, mis-wraps in table cells) with a fixed 2-row textarea + resize:vertical so the box wraps and the user can drag it taller. Restores the dead '& input' sx as '& textarea'.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/admin/pages/InvoiceDetail.tsx     | 15 ++++++++++-----
 src/admin/pages/IssuedOrderDetail.tsx | 15 ++++++++++-----
 src/admin/pages/OfferDetail.tsx       | 15 ++++++++++-----
 3 files changed, 30 insertions(+), 15 deletions(-)

diff --git a/src/admin/pages/InvoiceDetail.tsx b/src/admin/pages/InvoiceDetail.tsx
index 4253b19..8a0a7ec 100644
--- a/src/admin/pages/InvoiceDetail.tsx
+++ b/src/admin/pages/InvoiceDetail.tsx
@@ -303,8 +303,8 @@ function SortableInvoiceRow({
           onChange={(e) => onUpdate(index, "item_description", e.target.value)}
           placeholder="Volitelný"
           multiline
-          minRows={1}
-          maxRows={8}
+          rows={2}
+          sx={{ "& textarea": { resize: "vertical" } }}
         />
         <Box
           sx={{
@@ -408,9 +408,14 @@ function SortableInvoiceRow({
             }
             placeholder="Podrobný popis (volitelný)"
             multiline
-            minRows={1}
-            maxRows={8}
-            sx={{ "& input": { fontSize: "0.8rem", opacity: 0.8 } }}
+            rows={2}
+            sx={{
+              "& textarea": {
+                fontSize: "0.8rem",
+                opacity: 0.8,
+                resize: "vertical",
+              },
+            }}
           />
         </Box>
       </TableCell>
diff --git a/src/admin/pages/IssuedOrderDetail.tsx b/src/admin/pages/IssuedOrderDetail.tsx
index 38bda4e..f547003 100644
--- a/src/admin/pages/IssuedOrderDetail.tsx
+++ b/src/admin/pages/IssuedOrderDetail.tsx
@@ -285,8 +285,8 @@ function SortableOrderRow({
           placeholder="Volitelný"
           InputProps={{ readOnly }}
           multiline
-          minRows={1}
-          maxRows={8}
+          rows={2}
+          sx={{ "& textarea": { resize: "vertical" } }}
         />
         <Box
           sx={{
@@ -401,9 +401,14 @@ function SortableOrderRow({
             placeholder="Podrobný popis (volitelný)"
             InputProps={{ readOnly }}
             multiline
-            minRows={1}
-            maxRows={8}
-            sx={{ "& input": { fontSize: "0.8rem", opacity: 0.8 } }}
+            rows={2}
+            sx={{
+              "& textarea": {
+                fontSize: "0.8rem",
+                opacity: 0.8,
+                resize: "vertical",
+              },
+            }}
           />
         </Box>
       </TableCell>
diff --git a/src/admin/pages/OfferDetail.tsx b/src/admin/pages/OfferDetail.tsx
index 1a889f5..1c214e3 100644
--- a/src/admin/pages/OfferDetail.tsx
+++ b/src/admin/pages/OfferDetail.tsx
@@ -308,8 +308,8 @@ function SortableItemRow({
           placeholder="Volitelný"
           InputProps={{ readOnly }}
           multiline
-          minRows={1}
-          maxRows={8}
+          rows={2}
+          sx={{ "& textarea": { resize: "vertical" } }}
         />
         <Box
           sx={{
@@ -421,9 +421,14 @@ function SortableItemRow({
             placeholder="Podrobný popis (volitelný)"
             InputProps={{ readOnly }}
             multiline
-            minRows={1}
-            maxRows={8}
-            sx={{ "& input": { fontSize: "0.8rem", opacity: 0.8 } }}
+            rows={2}
+            sx={{
+              "& textarea": {
+                fontSize: "0.8rem",
+                opacity: 0.8,
+                resize: "vertical",
+              },
+            }}
           />
         </Box>
       </TableCell>