From 4cbc9b54756ff029bc08ee7e2ba756b21149f037 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Mon, 5 Nov 2018 17:19:17 +0100
Subject: [PATCH] try #2329 @0.5

---
 _index.html                                    | 3 ++-
 js/libs/fluidbook/fluidbook.pagetransitions.js | 4 ++--
 style/fluidbook.less                           | 7 ++++++-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/_index.html b/_index.html
index c69c1c42..1369d2a3 100644
--- a/_index.html
+++ b/_index.html
@@ -54,9 +54,10 @@
     <div id="interface"></div>
     <div id="helpView"></div>
     <div id="helpViewOverlay"></div>
-    <div id="flip3dcontainer"></div>
+
     <div id="z" class="nozoom">
         <div id="center-fluidbook">
+            <div id="flip3dcontainer"></div>
             <div id="fluidbook">
                 <div id="edges">
                     <div class="edge left">
diff --git a/js/libs/fluidbook/fluidbook.pagetransitions.js b/js/libs/fluidbook/fluidbook.pagetransitions.js
index 7fcc8548..28f5fba9 100644
--- a/js/libs/fluidbook/fluidbook.pagetransitions.js
+++ b/js/libs/fluidbook/fluidbook.pagetransitions.js
@@ -190,12 +190,12 @@ FluidbookPageTransition.prototype = {
     },
 
     centerBookEnabled: function () {
-        return !!this.fluidbook.datas.centerBook && !this.fluidbook.displayOnePage && $('.tabslink').length === 0;
+        return  !!this.fluidbook.datas.centerBook && !this.fluidbook.displayOnePage && $('.tabslink').length === 0;
     },
 
     centerBook: function (center, animationDuration) {
         var animate = animationDuration != undefined && animationDuration > 0;
-        var move = $("#center-fluidbook,#center-shadow,#flip3dcontainer");
+        var move = $("#center-fluidbook,#center-shadow");
         var currentLeft = $("#center-fluidbook").data('left');
         var left = 0;
         if (center == undefined) {
diff --git a/style/fluidbook.less b/style/fluidbook.less
index 6402a62f..4ef93ef6 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -618,7 +618,7 @@ body, html {
 @import "slider";
 
 /* Center */
-#center-fluidbook, #center-shadow, #flip3dcontainer {
+#center-fluidbook, #center-shadow {
 	position: absolute;
 	top: 0;
 	left: 0;
@@ -2328,6 +2328,11 @@ ul.chapters {
 	z-index: 12;
 	pointer-events: none;
 	display: none;
+	canvas {
+		position: absolute;
+		top: 0;
+		left: 0;
+	}
 }
 
 /* 3D */
-- 
2.39.5