idux icon indicating copy to clipboard operation
idux copied to clipboard

[comp:modal] Chrome < 87 时,modal, drawer 无法正常显示

Open danranVm opened this issue 3 years ago • 1 comments

  • [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

danranVm avatar Jul 25 '22 13:07 danranVm

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

idux-bot[bot] avatar Jul 25 '22 13:07 idux-bot[bot]