Closing modal doesn't unlock the main body

Issue description

• components: Modal
• reactstrap version #5.0.0-alpha3
• import method npm + import
• react version #16.0.0
• bootstrap version #4.0.0-beta

What is happening?

The modal background isn’t clearing to allow access to the main body after closing it.

What should be happening?

Not that…

Steps to reproduce issue

1. Open a modal.
2. Close it.

Error message in console

None

Code

https://codepen.io/anon/pen/YEXNMv

There might be something else elsewhere in my code that causes this as well, since that link doesn’t actually have the same issue, but I get no errors so I’m not sure how to quickly narrow it down.

[TheSharpieOne]

I think this is related to an issue where toggling the modal too quickly caused it to get into a bad state. A fix was added in 2cdf225. I am trying to cut a release, but am running into rollup issues. I’ll investigate that when I have time and hopefully get a release out soon for you to test.

[TheSharpieOne]

Are you using css modules to change the className? Looks like we don’t look for the css module className, only the raw className when removing it: https://github.com/reactstrap/reactstrap/blob/2b71fd633ece693089c35ad32d44df84d5776cb3/src/Modal.js#L158-L160 Really, the mapToCssModules should only be happening for modal-open and not the whole className which came from the body. The same so also happen when we add the class. We should only “translate” modal-open and not the whole className on body as we did set any of the other values so we should not potentially modify them.