From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 20 Apr 2022 10:53:17 +0000 (+0200)
Subject: wait #5238 @0.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=595575289e902bc62cc4634caf76f28e50cf200b;p=fluidbook-html5.git

wait #5238 @0.5
---

diff --git a/js/libs/fluidbook/fluidbook.tabs.js b/js/libs/fluidbook/fluidbook.tabs.js
index 1a190bb9..2935c938 100644
--- a/js/libs/fluidbook/fluidbook.tabs.js
+++ b/js/libs/fluidbook/fluidbook.tabs.js
@@ -72,12 +72,12 @@ FluidbookTabs.prototype = {
         }
         this.setOptions();
 
-        var hidden='';
-        if(this.fluidbook.settings.tabsHiddenAtStartup){
-            hidden=' data-hidden="1"';
+        var hidden = '';
+        if (this.fluidbook.settings.tabsHiddenAtStartup) {
+            hidden = ' data-hidden="1"';
         }
 
-        $("#background .links").append('<div id="l_tabs" class="link tabslink multimedia ' + this.align + '" data-id="tabs"'+hidden+'></div>');
+        $("#background .links").append('<div id="l_tabs" class="link tabslink multimedia ' + this.align + '" data-id="tabs"' + hidden + '></div>');
         this.element = $("#l_tabs");
 
         this.addLinks(this.fluidbook.settings.tabsPages);
@@ -97,7 +97,7 @@ FluidbookTabs.prototype = {
         this.hideEdge = this.fluidbook.settings.tabsHideEdges;
         this.linkWidth = parseFloat(this.fluidbook.settings.tabsLinkWidth);
         this.priority = parseFloat(this.fluidbook.settings.tabsPriority) / 100;
-        this.disabledOnPages=this.fluidbook.settings.tabsDisabledOnPages;
+        this.disabledOnPages = this.fluidbook.settings.tabsDisabledOnPages;
 
         this.sections = this.fluidbook.settings.tabsSections.map(function (x) {
             return parseInt(x);
@@ -108,7 +108,7 @@ FluidbookTabs.prototype = {
         if (!this.fluidbook.cache.isset('tabsClasses')) {
             return;
         }
-        var $this=this;
+        var $this = this;
         var classes = this.fluidbook.cache.get('tabsClasses');
         $.each(classes, function (o, classes) {
             $this.svg.find('#o' + o).attr('class', classes);
@@ -196,9 +196,9 @@ FluidbookTabs.prototype = {
     changePage: function (page) {
         var id = 'oo';
         var $this = this;
-        if(this.disabledOnPages.indexOf(page)>=0){
-            id='none';
-        }else {
+        if (this.disabledOnPages.indexOf(page) >= 0) {
+            id = 'none';
+        } else {
             $.each(this.links, function (k, v) {
                 if (page >= v.page) {
                     try {
@@ -358,7 +358,7 @@ FluidbookTabs.prototype = {
         });
     },
 
-    checkPageVisibility:function() {
+    checkPageVisibility: function () {
         var $this = this;
         var pages = this.fluidbook.getDisplayedPages();
         var hide = false;
@@ -423,6 +423,15 @@ FluidbookTabs.prototype = {
             this.svg.css(svgcss);
         } catch (e) {
 
+        }
+        // Bug #5238 on safari mac
+        if (this.fluidbook.support.safari && this.fluidbook.support.macOs) {
+            setTimeout(function () {
+                $this.svg.css('position', 'absolute');
+            }, 10);
+            setTimeout(function () {
+                $this.svg.css('position', 'relative');
+            }, 100);
         }
         this.cont.css(css);
     },