问题描述:
在a-modal的弹出层隐藏之后,会有一个没消失的div遮盖住dom节点,使dom节点事件点击无效,代码如下:
解决定位:
由于考虑全局影响,所以加了class名称,并对改class定义宽高及垂直水平居中,由于有visible.sync的定义,modal本身是可以隐藏的,但发现dom节点被遮盖,点击事件无法响应发现就是这个宽高的影响,查看dom节点发现该div下面的mask和warp都有了display:none的样式,故将对该class定义的宽高及垂直水平居中移入warp的设置里,此问题解决。
反思:
此问题是由于visible的隐藏于显示并不能作用于modal-root对应的dom,只会更新下面的mask对应的dom和warp对应的dom,浪费了半个小时,但也更清楚了点。 加class的意义在于限制,全局样式下的作用唯一性,毕竟下面的都是公共组件和class