Skip to content

Fix centered modal scrolling issue#30244

Merged
XhmikosR merged 3 commits intomasterfrom
master-ysds-modal-scrolling-issue
Feb 29, 2020
Merged

Fix centered modal scrolling issue#30244
XhmikosR merged 3 commits intomasterfrom
master-ysds-modal-scrolling-issue

Conversation

@ysds
Copy link
Copy Markdown
Contributor

@ysds ysds commented Feb 19, 2020

Another solution of #30003.

You can see the issue in the vertical modal demo. This behavior occurs when the browser UI (address bar) is displayed.

ezgif com-optimize

This PR fix it by using the min-content property.

Preview: https://deploy-preview-30244--twbs-bootstrap.netlify.com/docs/4.3/components/modal/#vertically-centered

@ysds ysds requested a review from a team as a code owner February 19, 2020 14:34
@aabdelaziz92
Copy link
Copy Markdown

I like your solution @ysds , Its more better and simple. Thanks 👍

@XhmikosR XhmikosR merged commit 40ac139 into master Feb 29, 2020
@XhmikosR XhmikosR deleted the master-ysds-modal-scrolling-issue branch February 29, 2020 07:59
XhmikosR pushed a commit that referenced this pull request Mar 4, 2020
Use the `min-content` property.
XhmikosR pushed a commit that referenced this pull request Mar 9, 2020
Use the `min-content` property.
olsza pushed a commit to olsza/bootstrap that referenced this pull request Oct 3, 2020
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.

4 participants