Modal dialog jumps when opened/closed

[lee-chase]

The modal dialog turns off body scrolling when displayed. In the case where a scroll bar is displayed in the background (optional on Mac) the modal dialog can be seen to jump left to right on display and right to left on hide.

What package(s) are you using?

• carbon-components

Detailed description

The modal dialog jumps which is distracting.

Modal dialog

Dialog should not jump

Chrome latest

10.7

@Carbon/Vue

Steps to reproduce the issue

1. Ensure scroll bars are always displayed on mac.
   
2. yarn dev in the mono repo
3. Show any of the modal dialogs - note the dialog jumps right as it's displayed
4. Hide the dialog - note it jumps left as it's hidden.

NOTE: A vertical jump would also happen if a horizontal scroll bar was shown.

HINT: Replace

right: 0;
bottom: 0;

with

width: 100vw;
height: 100vh;

[hamoody-omar]

Having the same issue. When the dialog opens and closes , you can't scroll up or down. the whole page kinda freezes. Any update?

[emyarod]

I am not seeing the modal jump after enabling that setting in macOS, would you mind recording the issue you are describing?

[lee-chase]

On display the removal of the scroll bar causes the page to jump and modal to drop.
On close the modal jumps left and then rises.

[emyarod]

got it, thanks for recording with the 10% slowdown

[tw15egan]

Somewhat related (system scroll bar issue: #5101)