Merge pull request #257 from prymitive/dependabot/npm_and_yarn/ui/body-scroll-lock-2.6.0

build(deps): bump body-scroll-lock from 2.5.10 to 2.6.0 in /ui

ui/package.json

@@ -11,7 +11,7 @@
     "@fortawesome/free-solid-svg-icons": "5.5.0",
     "@fortawesome/react-fontawesome": "0.1.3",
     "@sentry/browser": "4.3.4",
-    "body-scroll-lock": "2.5.10",
+    "body-scroll-lock": "2.6.0",
     "bootstrap": "4.1.3",
     "bootswatch": "4.1.3",
     "copy-to-clipboard": "3.0.8",

ui/src/Components/Modal/index.js

@@ -18,10 +18,15 @@ const Modal = observer(
       children: PropTypes.node.isRequired
     };
 
+    constructor(props) {
+      super(props);
+      this.modalRef = React.createRef();
+    }
+
     toggleBodyClass = isOpen => {
       document.body.classList.toggle("modal-open", isOpen);
       if (isOpen) {
-        disableBodyScroll(document.querySelector(".modal"));
+        disableBodyScroll(this.modalRef.current);
       } else {
         clearAllBodyScrollLocks();
       }
@@ -47,7 +52,7 @@ const Modal = observer(
       return ReactDOM.createPortal(
         <React.Fragment>
           <MountModal in={isOpen} unmountOnExit {...props}>
-            <div className="modal d-block" role="dialog">
+            <div ref={this.modalRef} className="modal d-block" role="dialog">
               <div className="modal-dialog modal-lg" role="document">
                 <div className="modal-content">{children}</div>
               </div>

ui/yarn.lock

@@ -2131,10 +2131,10 @@ body-parser@1.18.3:
     raw-body "2.3.3"
     type-is "~1.6.16"
 
-body-scroll-lock@2.5.10:
-  version "2.5.10"
-  resolved "https://registry.yarnpkg.com/body-scroll-lock/-/body-scroll-lock-2.5.10.tgz#aefde4dab39b8d41391e9d14cebc52c56694af35"
-  integrity sha512-yuVO3LEyIB1D+nzocCJGJcSV43tPD74Ma74use7wckajJsCeTvLvC1zy2rpjOWBc45uSzmrUSREoSPLUTPPG/Q==
+body-scroll-lock@2.6.0:
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/body-scroll-lock/-/body-scroll-lock-2.6.0.tgz#b0b3cd547cc8c0b386a797fe49ea399b77cd6200"
+  integrity sha512-rVV0SkHGde5NcRuQkLoPLrpHxD+XHSTJwq1jlHimL3odIxFUva8ropOrptoTH1k3NA5QrX7IpdrFr276asUwBA==
 
 bonjour@^3.5.0:
   version "3.5.0"