Modal body overflows unexpectedly and scroll bar is not in container

[joshblack]

We recently had a user report that detailed that the modal body overflows unexpectedly, and the resulting scroll bar is also placed in an awkward location:

https://slkm7.codesandbox.io/

Can reproduce on latest Chrome.

[asudoh]

@carbon-design-system/design Seems that modal content currently takes up 3/4 of the modal width, wondering if it makes sense to extend it to 100%. Any thoughts?

[elizabethsjudd]

Here is the design I got from Anna wrt to scrolling/focusing the container in the modal. Looks like the content area needs to have padding instead of a margin

[jeanservaas]

@asudoh the content only spans 3/4 of the modal because we have right padding in all of our containers... i.e. the line length never extends the full width of our containers by design... but this is really a rule that applies to the typography, not so much other elements within a modal. For instance, if you had, say, a data table in the modal, it would take up the full width.

[asudoh]

Cool thanks @jeanservaas for clarifying!

[asudoh]

@emyarod Would you agree with swapping width: 75% with padding-right: 25% or a like? Thanks!

[emyarod]

@asudoh yeah I think that's fine