[BUGFIX] Move fulltext container placed inside the map container (kitodo#1890)

beatrycze-volk · sebastian-meyer · web-flow · commit 0b338917bcb9 · 2026-03-31T13:34:37.000+02:00
Co-authored-by: Sebastian Meyer &lt;sebastian.meyer@opencultureconsulting.com&gt;
diff --git a/Documentation/Plugins/Index.rst b/Documentation/Plugins/Index.rst
@@ -1277,7 +1277,7 @@ The default behavior is to show the fulltext after click on the toggle link. The
    :Default:
       html, body
 
-The fulltext is fetched and rendered by JavaScript into the `<div id="tx-dlf-fulltextselection">` of the pageview plugin.
+The fulltext is fetched and rendered by JavaScript into the `<div id="tx-dlf-toolbox-fulltext-selection">` of the pageview plugin.
 
 **Please note**: To allow JavaScript fetching the fulltext, the `CORS headers <https://en.wikipedia.org/wiki/Cross-origin_resource_sharing>`_ must be configured appropriate on the providing webserver.
 
diff --git a/Resources/Private/Partials/PageView/FulltextContainer.html b/Resources/Private/Partials/PageView/FulltextContainer.html
@@ -0,0 +1,21 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+      xmlns:kitodo="http://typo3.org/ns/Kitodo/Dlf/ViewHelpers"
+      data-namespace-typo3-fluid="true">
+
+<f:comment>
+    <!--
+     * (c) Kitodo. Key to digital objects e.V. <contact@kitodo.org>
+     *
+     * This file is part of the Kitodo and TYPO3 projects.
+     *
+     * @license GNU General Public License version 3 or later.
+     * For the full copyright and license information, please read the
+     * LICENSE.txt file that was distributed with this source code.
+    -->
+</f:comment>
+
+<div class="tx-dlf-toolbox-fulltext-container">
+    <div id="tx-dlf-toolbox-fulltext-selection"></div>
+</div>
+
+</html>
diff --git a/Resources/Private/Templates/PageView/Main.html b/Resources/Private/Templates/PageView/Main.html
@@ -14,10 +14,10 @@
       data-namespace-typo3-fluid="true">
 
 <div id="tx-dlf-map" class="tx-dlf-map" data-dic="overview-map:{f:translate(key: 'pageview.overview-map')}">
-    <div id="tx-dlf-fulltextselection"></div>
     <div id="tx-dlf-annotationselection"></div>
 </div>
 <div id="ov_map"></div>
+<f:render partial="PageView/FulltextContainer" arguments="{_all}" />
 
 <f:if condition="{settings.basketButton} && {settings.targetBasket}">
     <f:if condition="{settings.basket.crop}">
diff --git a/Resources/Public/JavaScript/PageView/FulltextControl.js b/Resources/Public/JavaScript/PageView/FulltextControl.js
@@ -93,7 +93,7 @@ var dlfViewerFullTextControl = function(map) {
             'fulltext-on':'Activate Fulltext',
             'fulltext-off':'Deactivate Fulltext',
             'activate-full-text-initially':'0',
-            'full-text-scroll-element':'#tx-dlf-fulltextselection'};
+            'full-text-scroll-element':'#tx-dlf-toolbox-fulltext-selection'};
 
     /**
      * @private
