search

ElemeFE / element

A Vue.js 2.0 UI Toolkit for Web
https://element.eleme.io/
MIT License
54.11k stars 14.64k forks source link

[bug report] when the El dialog is displayed, the padding right: 17px will be added to the body #18899

Open XuXianTao opened 4 years ago

XuXianTao commented 4 years ago

Element UI version

2.13.0

OS/Browsers version

windows 10 / Chrome 80

Vue version

2.6.11

Reproduction Link

https://codepen.io/xuxiantao/pen/mdJMvxM

Steps to reproduce

  1. 点击button
  2. Ctrl Shift C选中dialog的modal层

What is Expected?

body出现样式保持不变

What is actually happening?

body出现padding-right: 17px image

element-bot commented 4 years ago

Translation of this issue:

Element UI version

2.13.0

OS/Browsers version

windows 10 / Chrome 80

Vue version

2.6.11

Reproduction Link

https://codepen.io/xuxiantao/pen/mdJMvxM

Steps to reproduce

  1. Click button

  2. Ctrl Shift C select the modal layer of dialog

    What is Expected?

Body appearance style remains unchanged

What is actually happening?

The body appears padding right: 17px image

lazehang commented 4 years ago

same issue

selbest commented 4 years ago

set "lock-scroll" to false, it works for me.

XuXianTao commented 4 years ago

@selbest Thanks a lot! The "padding-right" looks like to fix the flash when using "lock-scroll" (when the scroll bar disappears), but sometimes the 'lock-scroll' doesn't work. And today it works normally. It really confuses me.

WestarkMFF commented 3 years ago

same issue

WestarkMFF commented 3 years ago

set "lock-scroll" to false, it works for me.

work for sure, but scroll bar still...

stale[bot] commented 2 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.