Fix full menu modal scroll behavior

- Remove overflow-y scroll from .full-menu-modal to prevent entire modal from scrolling
- Add overflow-y: hidden to header, top-nav, keywords sections to block vertical scroll
- Ensure only .full-menu-list area is scrollable
- Fix issue where menu content was scrolling through header area

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Jay Sheen
2025-11-06 14:26:07 +09:00
parent b7612ca2bc
commit 5e8c703856

View File

@@ -13,10 +13,7 @@ main {
background: #fff; background: #fff;
z-index: 1010; z-index: 1010;
display: unset; display: unset;
/* overflow-y: auto; */ overflow: hidden;
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
} }
.tab-content{ .tab-content{
overflow-y: unset; overflow-y: unset;
@@ -93,6 +90,8 @@ main.home-main{
} }
.full-menu-container{ .full-menu-container{
padding-top: 50px; padding-top: 50px;
overflow-y: hidden;
height: 100%;
} }
.full-menu-header{ .full-menu-header{
position: fixed; position: fixed;
@@ -100,6 +99,7 @@ main.home-main{
background-color: #ffffff; background-color: #ffffff;
width: 100%; width: 100%;
top: env(safe-area-inset-top); top: env(safe-area-inset-top);
overflow-y: hidden;
} }
.full-menu-top-nav{ .full-menu-top-nav{
position: fixed; position: fixed;
@@ -108,6 +108,7 @@ main.home-main{
width: 100%; width: 100%;
background-color: #ffffff; background-color: #ffffff;
height: 116px; height: 116px;
overflow-y: hidden;
} }
.full-menu-keywords-wrap{ .full-menu-keywords-wrap{
position: fixed; position: fixed;
@@ -116,9 +117,11 @@ main.home-main{
width: 100%; width: 100%;
background-color: #ffffff; background-color: #ffffff;
padding: 1rem 1.625rem; padding: 1rem 1.625rem;
overflow-y: hidden;
} }
.full-menu-keywords{ .full-menu-keywords{
padding: 0; padding: 0;
overflow-y: hidden;
} }
.full-menu-list{ .full-menu-list{