Merge pull request #31 from KevinMidboe/fix/restrictive-background-scroll

Disable scroll on content behind popover movie view

src/App.vue

@@ -123,6 +123,10 @@ img{
   height: auto;
 }
 
+.no-scroll {
+  overflow: hidden;
+}
+
 .wrapper{
   position: relative;
 }

src/components/MoviePopup.vue

@@ -32,9 +32,11 @@ export default {
   },
   created(){
     window.addEventListener('keyup', this.checkEventForEscapeKey)
+    document.getElementsByTagName("body")[0].classList += " no-scroll";
   },
   beforeDestroy() {
     window.removeEventListener('keyup', this.checkEventForEscapeKey)
+    document.getElementsByTagName("body")[0].classList.remove("no-scroll");
   }
 
 }