From aee0d1eab8bc11116c05f74d3862aead3f227636 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 18 Aug 2017 12:02:56 +0200
Subject: [PATCH] fix #1489 @1

---
 js/libs/modernizr/tests.js | 20 ++++++++++++++++++++
 style/fluidbook.less       | 37 +++++++++++++++++++++++++++++++------
 2 files changed, 51 insertions(+), 6 deletions(-)

diff --git a/js/libs/modernizr/tests.js b/js/libs/modernizr/tests.js
index 1c47e0a3..bfd6cf0b 100644
--- a/js/libs/modernizr/tests.js
+++ b/js/libs/modernizr/tests.js
@@ -29,10 +29,22 @@ Modernizr.addTest('ipod', function () {
     return !!navigator.userAgent.match(/iPod/i);
 });
 
+Modernizr.addTest('android', function () {
+    return !!navigator.userAgent.match(/android/i);
+});
+
 Modernizr.addTest('ios', function () {
     return (Modernizr.ipad || Modernizr.ipod || Modernizr.iphone);
 });
 
+Modernizr.addTest('mobile', function () {
+    return (Modernizr.ios || Modernizr.android);
+});
+
+Modernizr.addTest('desktop', function () {
+    return !Modernizr.mobile;
+});
+
 Modernizr.addTest('ios7', function () {
     return Modernizr.ios && navigator.userAgent.match(/(iPad|iPhone|iPod touch);.*CPU.*OS 7_\d/i);
 });
@@ -41,6 +53,14 @@ Modernizr.addTest('firefox', function () {
     return !!navigator.userAgent.match(/firefox/i);
 });
 
+Modernizr.addTest('chrome', function () {
+    return (/Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor)) || /Chromium/.test(navigator.userAgent) || /Opera/.test(navigator.userAgent);
+});
+
+Modernizr.addTest('safari', function () {
+    return /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor);
+});
+
 Modernizr.addTest('edge', function () {
     return !!navigator.userAgent.match(/edge/i);
 });
diff --git a/style/fluidbook.less b/style/fluidbook.less
index 97ae240b..1fba16ad 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -298,6 +298,31 @@ body, html {
 	overflow: hidden;
 }
 
+// Fix for #1489
+
+.chrome.desktop {
+
+	.doublePage {
+		overflow: visible;
+	}
+
+	#pages {
+		-moz-perspective: 5000px;
+		-webkit-perspective: 5000px;
+		-o-perspective: 5000px;
+		-ms-perspective: 5000px;
+		perspective: 5000px;
+	}
+
+	.page {
+		-webkit-transform: translateZ(0);
+		-o-transform: translateZ(0);
+		-ms-transform: translateZ(0);
+		transform: translateZ(0);
+		-moz-transform: translateZ(0);
+	}
+}
+
 /* Shadow */
 #shadow {
 	position: absolute;
@@ -1689,18 +1714,18 @@ ul.chapters {
 
 /* 3D */
 #pages._3dtransition {
-	-moz-perspective: 5000px;
-	-webkit-perspective: 5000px;
-	-o-perspective: 5000px;
-	-ms-perspective: 5000px;
-	perspective: 5000px;
-
 	-moz-perspective-origin: 50% 75%;
 	-webkit-perspective-origin: 50% 75%;
 	-ms-perspective-origin: 50% 75%;
 	-o-perspective-origin: 50% 75%;
 	perspective-origin: 50% 75%;
 
+	-moz-perspective: 5000px;
+	-webkit-perspective: 5000px;
+	-o-perspective: 5000px;
+	-ms-perspective: 5000px;
+	perspective: 5000px;
+
 	overflow: visible !important;
 }
 
-- 
2.39.5