allow move from header then init

clerkio · Sep 30, 2024 · 58b58ef · 58b58ef
1 parent e687f39
commit 58b58ef
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/src/Resources/views/storefront/layout/meta.html.twig b/src/Resources/views/storefront/layout/meta.html.twig
@@ -142,7 +142,8 @@
     {% endif %}
     {% if config('clerkio64.config.instantSearchEnabled') == 'true' and config('clerkio64.config.instantSearchInjectionPosition') == 'meta' %}
         <span
-                class="clerk"
+                class="clerk clerk-move-to-body"
+
                 data-template="@{{ config('clerkio64.config.instantSearchContent') }}"
                 data-instant-search-suggestions="{{ config('clerkio64.config.instantSearchNumberOfSuggestions') }}"
                 data-instant-search-categories="{{ config('clerkio64.config.instantSearchNumberOfCategories') }}"
@@ -151,5 +152,18 @@
                 data-instant-search="{{ config('clerkio64.config.instantSearchInputSelector') ? config('clerkio64.config.instantSearchInputSelector') : '.header-search-input' }}"
                 data-instant-search-pages-type="{{ config('clerkio64.config.instantSearchPageTypes') ? config('clerkio64.config.instantSearchPageTypes') : 'all' }}">
 		</span>
+    <script>
+      ((w, d) => {
+        const move = d.querySelectorAll(".clerk-move-to-body");
+        if(move){
+          move.forEach(el => {
+            document.body.appendChild(el);
+          })
+          if(typeof w.Clerk == 'function'){
+            w.Clerk("content", ".clerk-move-to-body");
+          }
+        }
+      })(window, document);
+    </script>
     {% endif %}
 {% endblock %}