From 96ae1437375dbb89e79ffdf0ae6d375762b3ca41 Mon Sep 17 00:00:00 2001 From: Aurélien Bompard Date: Jan 31 2018 11:02:27 +0000 Subject: Allows scrolling when a modal is open Fixes #547 --- diff --git a/hubs/static/client/app/components/Modal.js b/hubs/static/client/app/components/Modal.js index 8b8cf34..248e55e 100644 --- a/hubs/static/client/app/components/Modal.js +++ b/hubs/static/client/app/components/Modal.js @@ -20,6 +20,16 @@ export default class Modal extends React.Component { this.handleCloseClicked = this.handleCloseClicked.bind(this); } + componentWillMount() { + const body = document.getElementsByTagName("body")[0]; + body.className += " modal-open"; + } + + componentWillUnmount() { + const body = document.getElementsByTagName("body")[0]; + body.className = body.className.replace(/(?:^|\s)modal-open(?!\S)/g , ''); + } + handleCloseClicked(e) { if (this.props.onCloseClicked) { this.props.onCloseClicked(e);