Disable wheel navigation in single page mode

Author: alexkiro

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");

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();