From 3845a3315927443f8552a9038f47b99d0d567146 Mon Sep 17 00:00:00 2001 From: Jay Sheen Date: Thu, 6 Nov 2025 16:26:14 +0900 Subject: [PATCH] Fix iOS safe area scroll issue in settlement detail modal MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit iOS webview에서 full-menu-modal의 option-list 컨텐츠가 스크롤 시 safe area 위로 올라가는 문제 수정 Changes: - .full-menu-modal: padding-top 제거 (스크롤되는 영역이므로) - .full-menu-header: top을 0으로 변경하고 padding-top과 height에 safe-area-inset-top 포함 - .full-menu-container: padding-top에 safe-area-inset-top 추가 헤더가 safe area 전체를 물리적으로 덮도록 하여 스크롤 컨텐츠가 safe area 위로 보이지 않도록 함 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- src/shared/ui/assets/css/style-fix.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/src/shared/ui/assets/css/style-fix.css b/src/shared/ui/assets/css/style-fix.css index 7998d61..899ac92 100644 --- a/src/shared/ui/assets/css/style-fix.css +++ b/src/shared/ui/assets/css/style-fix.css @@ -65,6 +65,7 @@ main.home-main{ bottom: calc(70px + env(safe-area-inset-bottom)) !important; } .full-menu-modal{ + /* padding-top: env(safe-area-inset-top); - 스크롤되는 영역이므로 제거 */ padding-bottom: env(safe-area-inset-bottom); } .swiper-wrapper{ @@ -92,14 +93,16 @@ main.home-main{ width: 85px; } .full-menu-container{ - padding-top: 50px; + padding-top: calc(50px + env(safe-area-inset-top)); } .full-menu-header{ position: fixed; z-index: 20; background-color: #ffffff; width: 100%; - top: env(safe-area-inset-top); + top: 0; + padding-top: env(safe-area-inset-top); + height: calc(50px + env(safe-area-inset-top)); } .full-menu-top-nav{ position: fixed; @@ -471,4 +474,5 @@ main.pop{ } .bottomsheet{ z-index: 1030; -} \ No newline at end of file +} +/* .pdw-16 .option-list 스타일은 기본 style.css의 padding-top: 16px 사용 */ \ No newline at end of file