From 3fef42aa6cbeabb6b5128a9c23b42c632c136989 Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Wed, 10 Jun 2026 19:35:23 +0900
Subject: [PATCH] =?UTF-8?q?fix(pc):=20OverlayScrollbars=20defer=20?=
 =?UTF-8?q?=EC=A0=9C=EA=B1=B0=20(=EA=B0=84=ED=97=90=EC=A0=81=20=EB=93=9C?=
 =?UTF-8?q?=EB=9E=98=EA=B7=B8=20=EB=AC=B4=EB=B0=98=EC=9D=91)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

defer는 초기화를 idle 콜백으로 미루고 그 사이를 CSS로 가리는데, 이때
스크롤바가 보이고 호버 색도 바뀌지만 드래그 리스너는 아직 없는 구간이
생김(React StrictMode 재마운트와 레이스 가능). 핸들을 잡아도 간헐적으로
안 끌리던 원인으로 추정. maplestory와 동일하게 동기 초기화로 변경.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 frontend/src/components/pc/admin/layout/Layout.jsx  | 4 ++--
 frontend/src/components/pc/public/layout/Layout.jsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/pc/admin/layout/Layout.jsx b/frontend/src/components/pc/admin/layout/Layout.jsx
index 3b5446a..638135a 100644
--- a/frontend/src/components/pc/admin/layout/Layout.jsx
+++ b/frontend/src/components/pc/admin/layout/Layout.jsx
@@ -34,14 +34,14 @@ function AdminLayout({ user, children }) {
 
   return (
     isSchedulePage ? (
-      <OverlayScrollbarsComponent element="div" className="h-screen" options={OS_OPTIONS_X} defer>
+      <OverlayScrollbarsComponent element="div" className="h-screen" options={OS_OPTIONS_X}>
         <div className="min-w-[1440px] h-screen flex flex-col bg-gray-50">
           <div className="sticky top-0 z-30"><Header user={user} /></div>
           <main className="flex-1 min-h-0 overflow-hidden">{children}</main>
         </div>
       </OverlayScrollbarsComponent>
     ) : (
-      <OverlayScrollbarsComponent element="div" className="h-screen" options={OS_OPTIONS} defer>
+      <OverlayScrollbarsComponent element="div" className="h-screen" options={OS_OPTIONS}>
         <div className="min-w-[1440px] min-h-screen flex flex-col bg-gray-50">
           <div className="sticky top-0 z-30"><Header user={user} /></div>
           <main className="flex-1">{children}</main>
diff --git a/frontend/src/components/pc/public/layout/Layout.jsx b/frontend/src/components/pc/public/layout/Layout.jsx
index 1b40ba7..c1655ff 100644
--- a/frontend/src/components/pc/public/layout/Layout.jsx
+++ b/frontend/src/components/pc/public/layout/Layout.jsx
@@ -38,7 +38,7 @@ function Layout({ children }) {
   // 헤더까지 함께 가로 스크롤됨(줄바꿈 방지). 헤더는 sticky top-0이라 세로 스크롤 시 고정.
   return isSchedulePage ? (
     // 일정 페이지: 세로는 내부에서 처리, 가로 스크롤만
-    <OverlayScrollbarsComponent element="div" className="h-screen" options={OS_OPTIONS_X} defer>
+    <OverlayScrollbarsComponent element="div" className="h-screen" options={OS_OPTIONS_X}>
       <div className="min-w-[1440px] h-screen flex flex-col">
         <Header />
         <main className="flex-1 min-h-0 overflow-hidden flex flex-col">
@@ -48,7 +48,7 @@ function Layout({ children }) {
     </OverlayScrollbarsComponent>
   ) : (
     // 그 외: 가로+세로 오버레이 스크롤. 세로바는 뷰포트 끝에 항상 보임.
-    <OverlayScrollbarsComponent element="div" className="h-screen" options={OS_OPTIONS} defer>
+    <OverlayScrollbarsComponent element="div" className="h-screen" options={OS_OPTIONS}>
       <div className="min-w-[1440px] min-h-screen flex flex-col">
         <Header />
         <main className="flex-1 flex flex-col">