Skip to content

fix: 隔离 Modal 样式并修复嵌套挂载与层级 - #687

Merged
zhipenglin merged 1 commit into
masterfrom
cursor/modal-css-isolate-nested-antd
Sep 1, 2026
Merged

zhipenglin merged 1 commit into
masterfrom
cursor/modal-css-isolate-nested-antd

Conversation

@zhipenglin

Copy link
Copy Markdown
Member

Summary

  • Modal chrome 样式通过 classNames 挂到本弹窗槽位,避免泄漏到嵌套原生 antd Modal
  • 修复 noPadding:清掉 antd contentPadding,内容区可真正贴边
  • 无 trigger 的 getPopupContainer 抬出外层 modal-root;嵌套 Modal 挂到外层外侧,并抬高 zIndex(1200),避免外层 footer 盖住内层蒙版

Version

0.5.49 → 0.5.50

Test plan

  • Modal「去掉内容区内边距」示例:灰色块左右贴齐弹窗
  • 嵌套弹窗示例:FormModal 内打开 SuperSelect,选择层居中且盖住「取消/保存」
  • 普通 Modal / useConfirmModal 外观与行为正常
  • 非 Modal 打开的下拉/日期等弹层不受影响

Made with Cursor

避免 components-core Modal 的 chrome 样式泄漏到嵌套原生 antd Modal;嵌套弹窗挂到外层 modal-root 外侧并抬高 zIndex,防止外层 footer 盖住内层蒙版。

Co-authored-by: Cursor <cursoragent@cursor.com>
@zhipenglin
zhipenglin merged commit 7b19915 into master Sep 1, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant