From f207c74dfee6b3c8246338180369473e7f842f7d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Sat, 21 Aug 2021 13:26:56 +0200
Subject: [PATCH] Fix sticky behaviour

---
 .../Private/Assets/js/controllers/sticky_controller.js        | 4 ++++
 .../ep_theme/Resources/Private/Templates/Searchbar/Index.html | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/sticky_controller.js b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/sticky_controller.js
index 0eaaa692..6f49cd7f 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/sticky_controller.js
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/sticky_controller.js
@@ -10,6 +10,7 @@ export default class extends Controller {
     static values = {
         sticky: Boolean,
         offset: Number,
+        disabled: Boolean,
     }
 
     initialize() {
@@ -29,6 +30,9 @@ export default class extends Controller {
     }
 
     toggle() {
+        if (true === this.disabledValue) {
+            return
+        }
         this.stickyValue = window.scrollY > this.offsetValue
     }
 
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Searchbar/Index.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Searchbar/Index.html
index cb1a39b3..23571550 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Searchbar/Index.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Searchbar/Index.html
@@ -6,10 +6,12 @@
 
     <f:section name="Main">
         <div data-controller="searchbar"
-             {f:if(condition: fixed, else: ' data-controller="sticky" data-sticky-offset-value="650"')}
              data-action="datepicker:range-select->searchbar#setDateRange"
              data-searchbar-uri-value="{ep:uri.ajax(controller: 'Searchbar', action: 'index', pageUid: settings.defaultAjaxUid, format: 'html')}">
             <div class="searchbar {f:if(condition: fixed, then: ' sticky')}"
+                 data-controller="sticky"
+                 data-sticky-offset-value="650"
+                 data-sticky-disabled-value="{fixed -> f:format.json()}"
                  data-searchbar-target="container">
                 <f:form action="processSearch" controller="Search" method="post" name="searchParams"
                         object="{searchParams}" pluginName="searchresult" extensionName="epproducts"