fix(整合): 使用 React Portal 修复模态框层级遮挡问题

根本原因:
- 模态框被渲染在 Header 内部
- Header 本身是 z-10 的层叠上下文
- 导致模态框无法超越侧边栏(z-30)和全屏矩阵(z-50)等根级元素

解决方案:
- 使用 createPortal 将模态框直接渲染到 document.body
- 脱离 Header 的层叠上下文限制
- z-[9999]/z-[10000] 现在真正作用在根层级

via [HAPI](https://hapi.run)

Co-Authored-By: HAPI <noreply@hapi.run>
This commit is contained in:
ittoview
2026-03-08 03:43:24 +00:00
parent f67f84f24b
commit 18461b685c
2 changed files with 14 additions and 2 deletions

View File

@@ -1,5 +1,12 @@
{
"changelogEntries": [
{
"id": "2026-03-08-fix-modal-portal",
"date": "2026-03-08",
"type": "fix",
"title": "使用 React Portal 修复模态框层级遮挡问题",
"scope": "整合"
},
{
"id": "2026-03-08-changelog-group-by-date",
"date": "2026-03-08",