Disable wheel navigation in single page mode

flip-forge · Nov 17, 2024 · 56e2ecf · 56e2ecf
1 parent 8079f7d
commit 56e2ecf
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 17 deletions.
diff --git a/cypress/e2e/single-mode.cy.ts b/cypress/e2e/single-mode.cy.ts
@@ -5,22 +5,6 @@ describeAll("Test flip forge book", () => {
     cy.viewport(414, 768);
   });
 
-  it("Check wheel navigation", () => {
-    cy.get(".toolbar").contains("1 / 10");
-    cy.get('[data-page="1"]').should("be.visible");
-    cy.get("body").trigger("wheel", { deltaY: 120 });
-    cy.get(".toolbar").contains("2 / 10");
-    cy.get('[data-page="2"]').should("be.visible");
-
-    cy.get("body").trigger("wheel", { deltaY: 120 });
-    cy.get(".toolbar").contains("3 / 10");
-    cy.get('[data-page="3"]').should("be.visible");
-
-    cy.get("body").trigger("wheel", { deltaY: -120 });
-    cy.get(".toolbar").contains("2 / 10");
-    cy.get('[data-page="2"]').should("be.visible");
-  });
-
   it("Check toolbar navigation", () => {
     cy.get(".toolbar").contains("1 / 10");
     cy.get('[data-page="1"]').should("be.visible");

diff --git a/src/lib/flip-forge.vue b/src/lib/flip-forge.vue
@@ -336,7 +336,8 @@ export default defineComponent({
       }
     },
     onWheel(event: WheelEvent) {
-      if (!this.opts.wheelNavigation || !this.isLoaded) return;
+      if (!this.opts.wheelNavigation || this.singlePageMode || !this.isLoaded)
+        return;
 
       if (event.deltaY > 0) {
         this.goNext();