MUI Dialog遮罩未阻止react-grid-layout拖拽，原因何在？

问题现象 #

打开MUI（Material-UI）Dialog后，其遮罩本该阻止后方组件的鼠标交互，但下方的react-grid-layout元素依然可以被拖拽，这不符合预期行为。

临时修复方案 #

将.MuiDialog-root类添加到<GridLayout>（react-grid-layout组件）的draggableCancel属性中，能够解决该问题，但这种方式更像是针对事件传播异常的临时 workaround，并非根治方案。

后续追踪 #

已在react-grid-layout的官方代码仓库提交了该问题的Issue，等待官方团队的进一步排查与修复。

内容的提问来源于stack exchange，提问作者Nick Meldrum