Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(modal): prevent modal from shifting when scrollbar appears #5119

Merged

Conversation

emyarod
Copy link
Member

@emyarod emyarod commented Jan 21, 2020

Closes #4435

This PR prevents the scroll bar from shifting modal position when opening or closing

Changelog

Changed

  • modal positioning and dimensions

Testing / Reviewing

with scrollbars always displayed (default on Windows, instructions for macOS in original ticket), open and close the modal and observe that the modal position does not shift left/right due to the scrollbar being affected by the modal overlay

@emyarod emyarod requested a review from a team as a code owner January 21, 2020 16:20
@ghost ghost requested review from abbeyhrt and asudoh January 21, 2020 16:20
@netlify
Copy link

netlify bot commented Jan 21, 2020

Deploy preview for the-carbon-components ready!

Built with commit e5167ac

https://deploy-preview-5119--the-carbon-components.netlify.com

@netlify
Copy link

netlify bot commented Jan 21, 2020

Deploy preview for carbon-elements ready!

Built with commit e5167ac

https://deploy-preview-5119--carbon-elements.netlify.com

@netlify
Copy link

netlify bot commented Jan 21, 2020

Deploy preview for carbon-components-react failed.

Built with commit e5167ac

https://app.netlify.com/sites/carbon-components-react/deploys/5e27888dda57ef00088f0140

Copy link
Contributor

@joshblack joshblack left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ignore this

@asudoh asudoh merged commit 9b7b907 into carbon-design-system:master Jan 21, 2020
@emyarod emyarod deleted the 4435-modal-dialog-scroll-bar-jumps branch January 23, 2020 01:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Modal dialog jumps when opened/closed
5 participants