在Edge浏览器下，内容有下滑滚动的情况下，打开对话框或者抽屉，然后关闭，内容右侧的样式有问题，会自动收缩。

arco-design / arco-design-vue

A Vue.js 3 UI Library based on Arco Design

https://arco.design/vue

MIT License

2.65k stars 514 forks source link

在Edge浏览器下，内容有下滑滚动的情况下，打开对话框或者抽屉，然后关闭，内容右侧的样式有问题，会自动收缩。 #2470

Open sosovia opened 1 year ago

sosovia commented 1 year ago

[ ] I'm sure this does not appear in the issue list of the repository

Basic Info

Package Name And Version: @arco-design/web-vue@2.46.2
Browser: Edge 113.0.1774.57
Reproduction Link: https://arco.design/vue/component/modal

Steps to reproduce

访问 https://arco.design/vue/component/modal ，点击打开对话框，然后关闭，内容右侧的样式有问题，会自动收缩。用 Edge 浏览器可以复现，火狐浏览器没问题。

chenguzhen87 commented 1 year ago

有啥问题，我怎么没看出来？

pamaforce commented 3 months ago

我也遇到了相同的问题，不过我好像知道原因了，当滚动不是交给body来处理的时候应该就会出现这个问题，而且当Modal打开时应该也没能限制后方元素的滚动。因为我发现组件是通过给body加了width和overflow属性来解决这些问题的。我把原来在html标签的overflow-y滚动放到了组件默认的body上就解决了这个问题。