ViewUI
ViewUI copied to clipboard
[Bug Report]全屏modal打开的组件中,再嵌套打开一个modal,子modal样式错乱
Environment
windows10/chrome 102.0.5005.115/vue 2.6.14/view-design 4.7.0
Reproduction link
https://github.com/view-design(代码bug的解决方式已经直接在步骤中说明)
Steps to reproduce
1.通过Modal弹窗,使用fullscree全屏打开组件A,A组件中点击按钮后会嵌套通过Modal打开子组件B,B不是全屏打开,这种情况下B组件样式错乱; 2.发现modal组件的样式代码中,ivu-modal-fullscreen样式类不仅会作用到A,而且还会穿透作用到B组件,导致非全屏Modal的B组件样式错乱。
What is expected?
全屏模态窗中能正常嵌套打开非全屏的模态窗
What is actually happening?
全屏模态窗中嵌套打开非全屏的模态窗,嵌套的子模态窗样式错乱
链接打不开,建议带上代码截图。描述更加具体清晰一点。
链接打不开,建议带上代码截图。描述更加具体清晰一点。
根源都已经在问题中说的很清楚了,这个截图是iview里关于modal的样式,父组件是全屏Modal,所以会有ivu-modal-fullscreen样式类,而子组件是非全屏modal,但会有.ivu-modal-content、.ivu-modal-body这些样式类,所以截图里的那些样式一样全都会作用到子组件上从而引起样式错乱。这种显而易见的缺陷但凡前端懂样式的都明白吧?我想就没必要还得用户给demo了