From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 9 Sep 2025 15:35:34 +0000 (+0200)
Subject: wip #7716 @2
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=2b9f1f91542bf00213a1ae0b6cb2d69d94ddd873;p=fluidbook-html5.git

wip #7716 @2
---

diff --git a/js/libs/fluidbook/fluidbook.elasticslide.js b/js/libs/fluidbook/fluidbook.elasticslide.js
index d33d1cb3..f204bf93 100644
--- a/js/libs/fluidbook/fluidbook.elasticslide.js
+++ b/js/libs/fluidbook/fluidbook.elasticslide.js
@@ -38,6 +38,9 @@ FluidbookElasticSlide.prototype = {
         if ($(p).find('.links').length === 0) {
             p.append('<div class="links" />');
         }
+        if ($(p).find('.searchHighlights').length === 0) {
+            p.append('<div class="searchHighlights" aria-hidden="true" />');
+        }
         return p;
     },
 
diff --git a/js/libs/fluidbook/fluidbook.resize.js b/js/libs/fluidbook/fluidbook.resize.js
index 115d1406..f5711196 100644
--- a/js/libs/fluidbook/fluidbook.resize.js
+++ b/js/libs/fluidbook/fluidbook.resize.js
@@ -378,7 +378,7 @@ FluidbookResize.prototype = {
     },
 
     resizeLinks: function () {
-        $('#links .container, .page .links,.clinks,.ctlinks,#searchHighlights').css({
+        $('#links .container, .page .links,.clinks,.ctlinks,#searchHighlights,.searchHighlights').css({
             transform: 'scale(' + this.bookScale + ')',
         });
     },
diff --git a/js/libs/fluidbook/fluidbook.search.js b/js/libs/fluidbook/fluidbook.search.js
index b8c1ca8a..f83ca257 100644
--- a/js/libs/fluidbook/fluidbook.search.js
+++ b/js/libs/fluidbook/fluidbook.search.js
@@ -619,7 +619,7 @@ FluidbookSearch.prototype = {
     },
 
     clearHighlights: function () {
-        $("#searchHighlights").html('');
+        $("#searchHighlights,.searchHighlights").html('');
         for (var p in this.plugins) {
             var plugin = this.plugins[p];
             plugin.clearHighlights();
@@ -723,7 +723,11 @@ FluidbookSearch.prototype = {
         }
         $(h).attr('data-hash', hash);
         $(h).css(coords).transform(transform);
-        $("#searchHighlights").append(h);
+        if (this.fluidbook.elasticslide.isActive()) {
+            $(".page.current .searchHighlights").append(h);
+        } else {
+            $("#searchHighlights").append(h);
+        }
     },
 
     initSearchResults: function () {
diff --git a/style/fluidbook.less b/style/fluidbook.less
index 233e9aa2..9bc3dc39 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -699,7 +699,7 @@ body, html {
   }
 }
 
-#searchHighlights {
+#searchHighlights, .searchHighlights {
   position: absolute;
   top: 0px;
   left: 0px;