Add .no-scroll (or similar) class to body when modal is open to prevent body from scrolling

[sushant-j]

The use case I am working with has a full screen modal, which has content overflowing the container. In this case, when the user scrolls, even the original body is scrolling. This is unwanted behaviour.

Would it be possible for to add either a .no-scroll or similar class to body to prevent scrolling?
(Assuming that class would have overflow-y: hidden).

Thanks!

[egoist]

yeah this makes sense, maybe add a prop: isBodyScrollable while you can already achieve this manually

[sushant-j]

Would you be able to add the said prop, isBodyScrollable?

[egoist]

Can you make a pull request? if not I will do it later.

[sushant-j]

I am not exactly sure how to proceed, so it would be better if you could do it.