Learn more about these different git repos.
Other Git URLs
Image attached
<img alt="Screenshot_from_2018-01-31_05-35-34.png" src="/fedora-hubs/issue/raw/585242fc5a17891df9289b8de70edaf4c2c68162407c31732fb8ae71f3549595-Screenshot_from_2018-01-31_05-35-34.png" />
Hmmm, yeah i can't really figure out how these modals are being shown. It appears to not be using the normal bootstrap way of displaying modals, but just (kind-of) mis-using the CSS for the modals.
Tried to figure out how they are being displayed in the react code, but to no avail. :(
Metadata Update from @ryanlerch: - Issue priority set to: High
Maybe I can help with that, since the misuse comes from me ;-) It's all in hubs/static/client/app/components/Modal.js. Since we can't use Bootstrap's Jquery I thought I would just add the right elements with the right css classes and it would just work, right? Wrong. :-D
hubs/static/client/app/components/Modal.js
OKies! i figured it out!
bootstrap js adds an additional class to the <body> .modal-open that it uses to control the scrolling. add that class to the body when the modal is open, and it all works as expected.
Problem is, i have no idea how to do that from within react :/
Commit 96ae143 fixes this issue
Login to comment on this ticket.