From 2985cd30c3bb9bf8ab3e2dba2e5fa30d6ad6dfeb Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 26 Jun 2020 16:56:45 +0200
Subject: [PATCH] fix #3742 @0.75

---
 js/libs/fluidbook/links/fluidbook.links.zoom.js | 3 ++-
 style/fluidbook.less                            | 6 ++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/js/libs/fluidbook/links/fluidbook.links.zoom.js b/js/libs/fluidbook/links/fluidbook.links.zoom.js
index 4a3d7294..2fb6a0b4 100644
--- a/js/libs/fluidbook/links/fluidbook.links.zoom.js
+++ b/js/libs/fluidbook/links/fluidbook.links.zoom.js
@@ -213,7 +213,7 @@ FluidbookLinksZoom.prototype = {
                     menu += share;
                 }
                 menu += '</div></div>';
-                $groupWrapper.append('<div id="zoomPopupBackground"><div class="bg"></div>' + menu + '</div>');
+                $groupWrapper.append('<div id="zoomPopupBackground"><div class="bg"></div></div>' + menu);
                 $groupWrapper.append('<a href="#" class="zoomPopupClose">' + getSpriteIcon('interface-close') + '</a>');
             }
 
@@ -390,6 +390,7 @@ FluidbookLinksZoom.prototype = {
         }
 
         $("#zoomPopupBackground").css({left: left, top: top, width: width, height: height, opacity: show ? 1 : 0});
+        $("#zoomPopupMenuWrapper").css({left: left, top: top + height, width: width, opacity: show ? 1 : 0});
     },
 
     zoomLinkClose: function (immediate) {
diff --git a/style/fluidbook.less b/style/fluidbook.less
index 9bfcc9f6..e8df1a2d 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -2542,6 +2542,12 @@ ul.chapters.shareList a.level0 .svg-icon {
     width: 100%;
     height: 100%;
   }
+}
+
+#zoomPopupMenuWrapper {
+  position: absolute;
+  z-index: 101;
+  transition: opacity 150ms;
 
   #zoomPopupMenu {
     position: absolute;
-- 
2.39.5