From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Thu, 31 Mar 2022 14:02:28 +0000 (+0200)
Subject: wait #5198 @0.25
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=3ee0967d97a96148ef4a1241a4ac0218c623f879;p=fluidbook-html5.git

wait #5198 @0.25
---

diff --git a/js/libs/fluidbook/fluidbook.desktop.js b/js/libs/fluidbook/fluidbook.desktop.js
index 0d253b62..08fef84c 100644
--- a/js/libs/fluidbook/fluidbook.desktop.js
+++ b/js/libs/fluidbook/fluidbook.desktop.js
@@ -16,7 +16,7 @@ FluidbookDesktop.prototype = {
             }
         });
         $(document).on('click', '#links', function (e) {
-            if ($this.fluidbook.zoom.enabled && $this.fluidbook.input.isUsingMouse()) {
+            if ($this.fluidbook.zoom.enabled && $this.fluidbook.input.isUsingMouse() && !this.fluidbook.hasDraggableOnPage()) {
                 $this.clickZoom(e);
                 return false;
             }
diff --git a/js/libs/fluidbook/fluidbook.js b/js/libs/fluidbook/fluidbook.js
index f7e7afd8..9f13a245 100644
--- a/js/libs/fluidbook/fluidbook.js
+++ b/js/libs/fluidbook/fluidbook.js
@@ -46,6 +46,16 @@ Fluidbook.prototype = {
         });
     },
 
+    hasDraggableOnPage: function (v) {
+        if (v === undefined) {
+            return $('body').hasClass('draggable-on-page');
+        } else if (v) {
+            $('body').addClass('draggable-on-page');
+        } else {
+            $('body').removeClass('draggable-on-page');
+        }
+    },
+
     _boolean: function (v) {
         if (v === undefined || v === null || v === '0' || v === 0 || v === 'false' || !v) {
             return false;
diff --git a/js/libs/fluidbook/fluidbook.links.js b/js/libs/fluidbook/fluidbook.links.js
index 6200b46b..2e8b9783 100644
--- a/js/libs/fluidbook/fluidbook.links.js
+++ b/js/libs/fluidbook/fluidbook.links.js
@@ -787,9 +787,7 @@ FluidbookLinks.prototype = {
                 countup.start();
             }, to.delay * 1000);
         } else if (animation.type === 'draggable') {
-            if (this.fluidbook.touch) {
-                this.fluidbook.touch.hasDraggableOnPage = true;
-            }
+            this.fluidbook.hasDraggableOnPage(true);
             $(link).css('pointer-events', 'auto');
             var $this = this;
             var draggable = new Draggable(link, {
diff --git a/js/libs/fluidbook/fluidbook.touch.js b/js/libs/fluidbook/fluidbook.touch.js
index 52a54ed4..243f2a4c 100644
--- a/js/libs/fluidbook/fluidbook.touch.js
+++ b/js/libs/fluidbook/fluidbook.touch.js
@@ -13,7 +13,6 @@ function FluidbookTouch(fluidbook) {
     this.triggerOffset = this.fluidbook.mobilefirst.enabled ? 0.1 : 0.05;
 
     this.draggingFromOutside = false;
-    this.hasDraggableOnPage = false;
 
     this.init();
 }
@@ -33,7 +32,8 @@ FluidbookTouch.prototype = {
         // }
 
         $(this.fluidbook).on('fluidbook.page.change.start', function () {
-            $this.draggingFromOutside = $this.hasDraggableOnPage = false;
+            $this.draggingFromOutside = false;
+            $this.fluidbook.hasDraggableOnPage(false);
         });
 
         $(this.fluidbook).on('fluidbook.page.change.end', function () {
@@ -264,7 +264,7 @@ FluidbookTouch.prototype = {
             }
 
             var ltr = this.fluidbook.l10n.dir === 'ltr';
-            if (!this.draggingFromOutside && !this.hasDraggableOnPage) {
+            if (!this.draggingFromOutside && !this.fluidbook.hasDraggableOnPage()) {
                 if ((this.offsetX < 0 && ltr) || (this.offsetX > 0 && !ltr)) {
                     this.fluidbook.goNextPage();
                 } else {
diff --git a/style/fluidbook.less b/style/fluidbook.less
index 4474036c..1f9cf770 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -232,7 +232,7 @@ body, html {
 }
 
 /* Desktop devices */
-.using-mouse.msie body:not(.zoom-disabled) {
+.using-mouse.msie body:not(.zoom-disabled):not(.draggable-on-page) {
   #links .container {
     cursor: url(images/cursors/zoom-in.cur), auto;
   }
@@ -244,7 +244,7 @@ body, html {
   }
 }
 
-&.using-mouse.no-msie body:not(.zoom-disabled) {
+&.using-mouse.no-msie body:not(.zoom-disabled):not(.draggable-on-page) {
   #links .container {
     cursor: zoom-in;
   }