Fix: Prevent scrolling of container (fixes #254) (#255)

adaptlearning · Apr 3, 2023 · cb6a6e9 · cb6a6e9
1 parent 75e1cd7
commit cb6a6e9
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/js/NarrativeView.js b/js/NarrativeView.js
@@ -80,7 +80,8 @@ class NarrativeView extends ComponentView {
     this.renderMode();
     this.setupNarrative();
 
-    this.$('.narrative__slider').imageready(this.setReadyStatus.bind(this));
+    this.$('.narrative__slider').imageready(this.setReadyStatus.bind(this));    
+    this.$('.narrative__slide-container')[0]?.addEventListener('scroll', this.onScroll, true);
   }
 
   setupNarrative() {
@@ -298,6 +299,11 @@ class NarrativeView extends ComponentView {
     let index = this.model.getActiveItem().get('_index');
     this.model.setActiveItem(--index);
   }
+
+  onScroll (event) {
+    event.preventDefault();
+    event.target.scrollTo(0, 0);
+  }
 
   /**
    * In mobile view, highlight instruction if user navigates to another
@@ -314,6 +320,10 @@ class NarrativeView extends ComponentView {
       this.setupInviewCompletion('.component__widget');
     }
   }
+
+  preRemove() {
+    this.$('.narrative__slide-container')[0]?.removeEventListener('scroll', this.onScroll, true);
+  }
 }
 
 NarrativeView.template = 'narrative.jsx';