From 45cee4b53edb36948b73108c50aa3fbbee2eee54 Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Fri, 7 Nov 2025 13:55:31 +0900
Subject: [PATCH] Fix menu scrolling issue to prevent content from going above
 safe area
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This commit resolves a dual-scrolling problem where users could scroll both
the outer modal container and the inner menu list, causing the menu content
to incorrectly scroll above the iOS safe area.

Changes:
- Added :has(.full-menu-list) selector to disable outer scroll only in menu component
- Applied flex layout specifically to menu containers using targeted CSS
- Enhanced .full-menu-list with proper flex properties for contained scrolling

This fix ensures:
- Only the menu list area scrolls, not the entire modal
- Fixed headers and navigation stay in place
- Menu content respects safe area boundaries
- No impact on other components using full-menu-modal (filters, details, etc.)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/shared/ui/assets/css/style-fix.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/shared/ui/assets/css/style-fix.css b/src/shared/ui/assets/css/style-fix.css
index 75fdbe9..c7f4cbc 100644
--- a/src/shared/ui/assets/css/style-fix.css
+++ b/src/shared/ui/assets/css/style-fix.css
@@ -18,6 +18,11 @@ main {
   -ms-overflow-style: none;
   scrollbar-width: none;
 }
+
+/* 메뉴 컴포넌트에서만 외부 스크롤 방지 */
+.full-menu-modal:has(.full-menu-list) {
+  overflow-y: hidden;
+}
 .tab-content{
   overflow-y: unset;
 }
@@ -95,6 +100,13 @@ main.home-main{
 .full-menu-container{
   padding-top: 50px;
 }
+
+/* 메뉴 컴포넌트에서만 flex 레이아웃 적용 */
+.full-menu-container:has(.full-menu-list) {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
 /* pdw-16 클래스가 있는 경우 (settlement-detail 등)에만 safe area 적용 */
 .full-menu-container.pdw-16{
   padding-top: calc(50px + env(safe-area-inset-top));
@@ -150,6 +162,8 @@ main.home-main{
   margin-top: 0;
   width: 100%;
   overflow-y: auto;
+  flex: 1;
+  height: 0; /* flex-grow를 위한 높이 초기화 */
 }
 .menu-category{
   position: relative;