Merge pull request #11286 from nikkuAg/scroll-bug

Disable scroll on main page if side panel is open
learningequality · Sep 25, 2023 · 1c886dd · 1c886dd
2 parents 8c711ec + 449a4f1
commit 1c886dd
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/kolibri/plugins/learn/assets/src/views/TopicsContentPage.vue b/kolibri/plugins/learn/assets/src/views/TopicsContentPage.vue
@@ -462,10 +462,22 @@
         }
       },
       showViewResourcesSidePanel(newVal, oldVal) {
+        if (newVal === true) {
+          this.stopMainScroll(true);
+        } else {
+          this.stopMainScroll(false);
+        }
         if (newVal && !oldVal) {
           this.getSidebarInfo();
         }
       },
+      sidePanelContent(newVal) {
+        if (newVal !== null) {
+          this.stopMainScroll(true);
+        } else {
+          this.stopMainScroll(false);
+        }
+      },
     },
     created() {
       this.initializeState();
@@ -645,6 +657,14 @@
       goToAllLibraries() {
         this.$router.push({ name: PageNames.EXPLORE_LIBRARIES });
       },
+      stopMainScroll(sidePanelVisible) {
+        const mainWrapperElement = this.$refs.mainWrapper;
+        if (sidePanelVisible) {
+          mainWrapperElement.style.position = 'fixed';
+        } else {
+          mainWrapperElement.style.position = null;
+        }
+      },
     },
     $trs: {
       kolibriTitleMessage: {