Prevent Ant modal blocking background access

Question

I'm using Ant modal in my react application, would appreciate if I can know the way to prevent modal popup disabling access to the background content. to remove the div tag it puts on top of the background.

regards

Answer 1

Disclamer: I haven't ever worked with that library.

---

Any of its props doesn't seem to help but I did manage to hack it with CSS.

Be aware that future library updates could break this hack.

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