猜测根本原因是:antd版本升级过程中,forceRender底层原理可能改动,导致该问题的出现。另外,使用antd过程中,如果出现多个modal,不要自定义z-index,使用系统自带的方便控制层级,如果自定义,可能会出现混乱,从而再次导致modal被覆盖问题。 还有就是,因为modal默认是插入到body中,如果要插入到当前节点,可以使用getContainer控制。
antd的zindex是写死的,在这里可以找到,Modal和Drawer使用的是同一个zindx 但我们的组件能不能遮盖它,和他们之间能不能互相遮盖好像和zindex关系不大,因为无论是 Modal,还是Drawer、notification、Popconfirm、Message等等组件外围都有一个无样式的div,他们是顺序添加到body下的,也就是说他们的相互遮盖是看添加顺序的...
.modal:after{content:'我是水印';position:absolute;z-index:999;display:block;bottom:50%;left:50%...
当nzZIndex属性小于等于1000时,问题不复现,比如点击按钮【ZIndexEqual1000Confirm】时就不复现。 在v11版本里面,即使nzZIndex属性设置为9999,也不会复现,比如:https://stackblitz.com/edit/angular-zpypfh?file=src%2Fapp%2Fapp.component.ts zorro-bot bot commented Jan 4, 2024 Translation of this issue: ...
Modal对话框 Notification通知提醒框 Popconfirm气泡确认框 Progress进度条 Result结果 Skeleton骨架屏 Spin加载中 其他 Anchor锚点 BackTop回到顶部 ConfigProvider全局化配置Drawer 抽屉 代码演示 Open 基本用法 基础抽屉,点击触发按钮抽屉从右滑出,点击遮罩区关闭 TS Render in this Open Basic Drawer Some contents......
142 - 🐞 修复了 Modal 的 `zIndex` 属性定义。[#7624](https://github.com/ant-design/ant-design/issues/7624) 143 - 🌟 优化了 Tree 加载中图标的显示位置。[#7584](https://github.com/ant-design/ant-design/issues/7584) 144 - 🌟 优化了大量组件的英文文档。[@khalibloo](https://git...
464 - 🐞 修复 Modal 底部 24px 像素遮罩区域无法触发关闭弹窗行为。[#17229](https://github.com/ant-design/ant-design/pull/17229) 465 - 🐞 修复 Layout Sider 的展开按钮 `z-index` 太低的问题。[#17228](https://github.com/ant-design/ant-design/pull/17228) 466 - TypeScript 467 - ...
当用户需要输入一个日期,可以点击标准输入框,弹出日期面板进行选择。 代码演示 基本 最简单的用法,在浮层中可以选择或者输入日期。 + 2 ... + 2 ... + 2 ... 多选 多选,不支持 showTime 以及picker="time"。 5.14.0 选择确认 DatePicker 默认会根据 picker 的交互行为,自动选择是否需要确认按钮。你也可...
这个是zindex比antd小的缘故。试试下面的样式 .luckysheet-input-box { z-index: 2000; } ....
.ant-modal-content { box-shadow: var(--shadow-elevation-3000); }.ant-modal-mask { z-index: var(--z-ant-modal-mask); }.ant-modal-wrap { z-index: var(--z-ant-modal-wrap); }.ant-message { z-index: var(--z-ant-message);...