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:
@@ -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",
|
||||
|
||||
Reference in New Issue
Block a user