From 6b1c11865143ad2687d63ff093c47c9dbafbb354 Mon Sep 17 00:00:00 2001
From: taekyoungc <ctk@wixon.co.kr>
Date: Mon, 8 Jun 2026 12:26:19 +0900
Subject: [PATCH] =?UTF-8?q?bfcache=20=EB=B3=B5=EC=9B=90=20=EC=8B=9C=20?=
 =?UTF-8?q?=EB=AA=A8=EB=8B=AC=EC=9D=B4=20=EC=97=B4=EB=A6=B0=20=EC=B1=84=20?=
 =?UTF-8?q?=EB=82=A8=EC=95=84=20=ED=99=94=EB=A9=B4=EC=9D=84=20=EB=8D=AE?=
 =?UTF-8?q?=EB=8A=94=20=EB=AC=B8=EC=A0=9C=EB=A5=BC=20=EA=B3=A0=EC=B9=9C?=
 =?UTF-8?q?=EB=8B=A4.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 전체화면 모달/팝업(.fixed.inset-0[id$=-modal|-popup])이 열린 상태로
  bfcache(뒤로가기/탭 복귀)에 저장·복원되면 회색 레이어가 클릭을 막던 문제
- pagehide(이탈 시)·pageshow(복원 시) 에서 해당 오버레이를 강제로 닫고
  body 스크롤 잠금 해제
- portal·admin·main 레이아웃에 공통 적용(모든 페이지 커버)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 app/Views/admin/layout.php      | 13 +++++++++++++
 app/Views/bag/layout/main.php   | 13 +++++++++++++
 app/Views/bag/layout/portal.php | 15 +++++++++++++++
 3 files changed, 41 insertions(+)

diff --git a/app/Views/admin/layout.php b/app/Views/admin/layout.php
index 71ccae7..784189f 100644
--- a/app/Views/admin/layout.php
+++ b/app/Views/admin/layout.php
@@ -147,5 +147,18 @@ tailwind.config = {
   </footer>
 
   <?= view('home/_dashboard_gov_portal_nav_script_base', $navPartial) ?>
+  <script>
+  (function () {
+    // bfcache 복원 시 열린 채 남은 모달/팝업으로 회색 레이어가 클릭을 막는 문제 방지
+    function closeStuckOverlays() {
+      document.querySelectorAll('.fixed.inset-0[id$="-modal"], .fixed.inset-0[id$="-popup"]').forEach(function (el) {
+        el.classList.add('hidden'); el.setAttribute('aria-hidden', 'true');
+      });
+      document.body.style.overflow = '';
+    }
+    window.addEventListener('pageshow', function (e) { if (e.persisted) closeStuckOverlays(); });
+    window.addEventListener('pagehide', closeStuckOverlays);
+  })();
+  </script>
 </body>
 </html>
diff --git a/app/Views/bag/layout/main.php b/app/Views/bag/layout/main.php
index cf666de..92bcebf 100644
--- a/app/Views/bag/layout/main.php
+++ b/app/Views/bag/layout/main.php
@@ -181,5 +181,18 @@ body { overflow: hidden; }
   }
 })();
 </script>
+<script>
+(function () {
+  // bfcache 복원 시 열린 채 남은 모달/팝업으로 회색 레이어가 클릭을 막는 문제 방지
+  function closeStuckOverlays() {
+    document.querySelectorAll('.fixed.inset-0[id$="-modal"], .fixed.inset-0[id$="-popup"]').forEach(function (el) {
+      el.classList.add('hidden'); el.setAttribute('aria-hidden', 'true');
+    });
+    document.body.style.overflow = '';
+  }
+  window.addEventListener('pageshow', function (e) { if (e.persisted) closeStuckOverlays(); });
+  window.addEventListener('pagehide', closeStuckOverlays);
+})();
+</script>
 </body>
 </html>
diff --git a/app/Views/bag/layout/portal.php b/app/Views/bag/layout/portal.php
index 8de426d..472d7db 100644
--- a/app/Views/bag/layout/portal.php
+++ b/app/Views/bag/layout/portal.php
@@ -152,6 +152,21 @@ tailwind.config = {
   })();
   </script>
   <script>
+  (function () {
+    // bfcache(뒤로가기/탭 복귀) 복원 시 열린 채 남은 전체화면 모달·팝업으로 인해
+    // 회색 레이어가 화면을 덮고 클릭이 막히는 문제 방지 — 복원 시 강제로 닫는다.
+    function closeStuckOverlays() {
+      document.querySelectorAll('.fixed.inset-0[id$="-modal"], .fixed.inset-0[id$="-popup"]').forEach(function (el) {
+        el.classList.add('hidden');
+        el.setAttribute('aria-hidden', 'true');
+      });
+      document.body.style.overflow = '';
+    }
+    window.addEventListener('pageshow', function (e) { if (e.persisted) closeStuckOverlays(); });
+    window.addEventListener('pagehide', closeStuckOverlays);
+  })();
+  </script>
+  <script>
   (() => {
     // 표의 '번호' 컬럼 역순 자동 채번 (기존 사이트 레이아웃 계승)
     const normalize = (s) => String(s || '').replace(/\s+/g, '').trim();