Coveo: Revert to atomic external instead of standalone

Author: lamATnginx

assets/css/v2/style.css

@@ -1423,6 +1423,7 @@ atomic-search-interface#search-v2 {
   }
 }
 
+atomic-external#search-standalone-header,
 atomic-search-interface#search-standalone-header {
   height: fit-content;
 

layouts/partials/header.html

@@ -19,8 +19,16 @@
             </label>
           {{ end }}
           <div class="header__search" data-testid="header__search">
-            <!-- Standalone search box. -->
-            {{ partial "coveo-atomic-search.html" (dict "id" "search-standalone-header") }}
+            {{ if in .RelPermalink "search.html" }}
+              <!-- Detached search box -->
+              <atomic-external selector="#search-v2" id="search-standalone-header">
+                {{ $redirectUrl := default .Site.Params.coveo_search_redirect "/search.html" }}
+                <atomic-search-box redirection-url={{ $redirectUrl }}></atomic-search-box>
+              </atomic-external>
+            {{ else }}
+              <!-- Standalone search box. -->
+              {{ partial "coveo-atomic-search.html" (dict "id" "search-standalone-header") }}
+            {{ end }}
           </div>
           {{ end }}
       </div>
@@ -35,8 +43,16 @@
 
   </div>
   <div class="header-search-dropdown" data-testid="header-search-dropdown-mobile">
-    <!-- Standalone search box. -->
-    {{ partial "coveo-atomic-search.html" (dict "id" "search-standalone-header-dropdown") }}
+    {{ if in .RelPermalink "search.html" }}
+      <!-- Detached search box -->
+      <atomic-external selector="#search-v2">
+        {{ $redirectUrl := default .Site.Params.coveo_search_redirect "/search.html" }}
+        <atomic-search-box redirection-url={{ $redirectUrl }}></atomic-search-box>
+      </atomic-external>
+    {{ else }}
+      <!-- Standalone search box. -->
+      {{ partial "coveo-atomic-search.html" (dict "id" "search-standalone-header-dropdown") }}
+    {{ end }}
   </div>
 </div>
 {{ end }}