From 0e041676b719062403d27169c3468466fb07d47c Mon Sep 17 00:00:00 2001
From: chpark <chpark@wace.me>
Date: Fri, 15 May 2026 02:35:18 +0900
Subject: [PATCH] =?UTF-8?q?fix(capture):=20=EC=BA=A1=EC=B3=90=20=ED=9B=84?=
 =?UTF-8?q?=20=EB=B0=9C=EC=A3=BC=EC=9D=BC=EC=9E=90=20input=20=EC=82=AC?=
 =?UTF-8?q?=EB=9D=BC=EC=A7=80=EB=8A=94=20=EB=B2=84=EA=B7=B8=20=E2=80=94=20?=
 =?UTF-8?q?=EC=B2=98=EB=A6=AC=20=EC=88=9C=EC=84=9C=20=EC=97=AD=EC=88=9C=20?=
 =?UTF-8?q?fix?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

root cause: .js-no-export 인 input 의 cssText 캡쳐 시점에 이미
display:none 이 적용되어 있어, finally 의 cssText 원복이 display:none 을
다시 적용 → input 이 영구히 사라짐.

수정:
- 진입 순서: input cssText 캡쳐 FIRST → 그 다음 .js-no-export display:none
- 원복 순서: cssText FIRST → 그 다음 display 원복 (역순)
- 이로써 cssText 의 'display:none' 잔류 방지

부수: admin/orders 의 '출고' 버튼은 출고완료(APPROVED) 발주에서 숨김 —
'editable && (출고)' → 'STATUS === REQUESTED && (출고)'.
---
 src/app/(main)/m/admin/orders/page.tsx |  2 +-
 src/lib/capture-share.ts               | 20 ++++++++++++--------
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/app/(main)/m/admin/orders/page.tsx b/src/app/(main)/m/admin/orders/page.tsx
index a34b9ba..88d17b4 100644
--- a/src/app/(main)/m/admin/orders/page.tsx
+++ b/src/app/(main)/m/admin/orders/page.tsx
@@ -636,7 +636,7 @@ function StatementPreview({
         >
           <Download size={12} /> 엑셀 다운로드
         </a>
-        {editable && (
+        {order.STATUS === "REQUESTED" && (
           <button
             type="button"
             onClick={shipNow}
diff --git a/src/lib/capture-share.ts b/src/lib/capture-share.ts
index a908770..e01f8e0 100644
--- a/src/lib/capture-share.ts
+++ b/src/lib/capture-share.ts
@@ -18,13 +18,11 @@ interface CaptureShareOptions {
 }
 
 export async function captureAndShare({ node, filename, shareTitle, shareText, forceWidth }: CaptureShareOptions): Promise<void> {
-  // 거래처에 보낼 이미지에서 내부 정보(.js-no-export)는 잠시 숨긴다.
-  const hideEls = node.querySelectorAll<HTMLElement>(".js-no-export");
-  const prev: { el: HTMLElement; display: string }[] = [];
-  hideEls.forEach((el) => { prev.push({ el, display: el.style.display }); el.style.display = "none"; });
+  // ⚠️ 순서 중요: input 의 cssText 를 *먼저* 캡쳐 → 그 다음 .js-no-export hide.
+  // 반대 순서면 .js-no-export 인 input 의 cssText 에 'display:none' 이 박혀
+  // 원복 시 input 이 영구히 사라지는 버그가 생김.
 
-  // input/select/textarea 의 외형(테두리/배경/padding) 만 잠시 제거 — 값은 그대로 표시.
-  // display:none 으로 숨기지 않음 (React 가 같은 DOM 재사용 시 사라진 채 남는 케이스 회피)
+  // 1) input/select/textarea 의 외형(테두리/배경/padding) 만 잠시 제거 — 값은 그대로 표시.
   const fields = node.querySelectorAll<HTMLElement>("input, select, textarea");
   const fieldPrev: { el: HTMLElement; cssText: string }[] = [];
   fields.forEach((el) => {
@@ -42,6 +40,11 @@ export async function captureAndShare({ node, filename, shareTitle, shareText, f
     }
   });
 
+  // 2) 거래처에 보낼 이미지에서 내부 정보(.js-no-export)는 잠시 숨긴다.
+  const hideEls = node.querySelectorAll<HTMLElement>(".js-no-export");
+  const prev: { el: HTMLElement; display: string }[] = [];
+  hideEls.forEach((el) => { prev.push({ el, display: el.style.display }); el.style.display = "none"; });
+
   // forceWidth: 캡처 직전 임시로 node 의 width 를 강제하여 가로 layout 으로 펼친다.
   // 모바일 화면(좁은 viewport)에서 좁게 줄어든 표/품명을 한 줄로 펼치기 위함.
   const widthPrev: {
@@ -97,9 +100,10 @@ export async function captureAndShare({ node, filename, shareTitle, shareText, f
     });
     return;
   } finally {
-    // 캡처 끝나면 (성공/실패 무관) 숨겼던 요소 복원
-    prev.forEach((p) => { p.el.style.display = p.display; });
+    // 캡처 끝나면 (성공/실패 무관) 숨겼던 요소 복원.
+    // 순서 역순 — cssText 가 hideEls 의 display:none 덮어쓰지 않도록.
     fieldPrev.forEach((f) => { f.el.style.cssText = f.cssText; });
+    prev.forEach((p) => { p.el.style.display = p.display; });
     if (widthPrev) {
       node.style.width = widthPrev.width;
       node.style.minWidth = widthPrev.minWidth;