caadiq/fromis_9
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(pc): OverlayScrollbars defer 제거 (간헐적 드래그 무반응)

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

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
caadiq 2026-06-10 19:35:23 +09:00
parent 6595d55532
commit 3fef42aa6c
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/components/pc/admin/layout/Layout.jsx
View file

@ -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>

4
frontend/src/components/pc/public/layout/Layout.jsx
View file

@ -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">