防止 Ant modal 阻塞后台访问

【问题标题】：Prevent Ant modal blocking background access防止 Ant modal 阻塞后台访问
【发布时间】：2023-03-11 07:18:04
【问题描述】：

我在我的反应应用程序中使用 Ant 模态，如果我能知道防止模态弹出禁用访问背景内容的方法，我将不胜感激。删除它放在背景顶部的 div 标签。

问候

【问题讨论】：

你试过mask={false}吗？
是的，它只移除了遮罩（深阴影），仍然阻止我访问背景文本等。
那么请看我的回答。

标签： javascript reactjs ant-design-pro

【解决方案1】：

Disclamer：我从未使用过那个库。

它的任何props 似乎都没有帮助，但我确实设法用 CSS 破解了它。

请注意，未来的库更新可能会破坏此 hack。

.ant-modal-mask {
  background: transparent;
  pointer-events: none;
}
.ant-modal-wrap {
  pointer-events: none;
}
.ant-modal {
  pointer-events: all;
}

【讨论】：