idux
idux copied to clipboard
[comp:modal] Chrome < 87 时,modal, drawer 无法正常显示
- [x] I have searched the issues of this repository and believe that this is not a duplicate.
如果遇到该问题:请检查一下 .ix-modal-wrapper 的样式,是不是正确。
.ix-modal-wrapper {
z-index: 1000;
overflow: auto;
outline: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
如果显示被压缩成为了 inset: 0, 在 Chrome < 87 版本时,无法正常显示。
解决方案:
- 修改打包工具的 css 压缩参数,以 vite 为例:参见 https://cn.vitejs.dev/config/build-options.html#build-csstarget
Translation of this issue:
[Comp: Modal] Chrome <87, modal, drawer cannot be displayed normally
- [X] I have searched the [issues] (https://github.com/iduxfe/idux/isSues) of this repository that this is not a duplicate.
If you encounter this problem: Please check whether the style of .ix-Modal-Wrapper is correct.
.ix-modal-wrapper {
z-index: 1000;
overflow: auto;
outline: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
If the display is compressed into Inset: 0, it cannot be displayed normally when the chrome <87 version.
solution: -Con the CSS compression parameter of the packaging tool, take VITE as an example: see https://cn.vitejs.dev/config/build-options.html#build-csstarget