-
Notifications
You must be signed in to change notification settings - Fork 1.8k
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): update hasScrollingContent styles #14712
fix(modal): update hasScrollingContent styles #14712
Conversation
✅ Deploy Preview for v11-carbon-react ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
✅ Deploy Preview for carbon-elements ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@tay1orjones ohh its the inline margin-bottom style I had added to the select, its adding it to the element and not the wrapping div. Not sure we can fix that in the component without it being a breaking change. I updated the story to add a wrapper div. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@andreancardona I already have a PR open to fix the chevron position (its unrelated to this PR) #14725 |
Closes #13714
Update the styling for the scroll fade so that it appears inside the modal-content and there isn't an odd space below. This also fixes the issue where if you click in the space below the content it closes the modal.
Changelog
New
Modal
andComposedModal
Changed
modal-content
so the fade will appear inside the modalmodal-scroll-content
to accommodate the margin/padding swapTesting / Reviewing
Check styles for Modal and ComposedModal, focus should wrap entire content area above button.