fix(quantic): fix issue with expandable searchbox hiding tabs (#3404)

* fix issue with expandable searchbox hiding stuff on the page * first potential fix? * more changes * reset the exampleSearch file * adjusted min-height * applied some feedback, simplified solution * added standalone searchbox too
coveo · Nov 27, 2023 · 8ab8716 · 8ab8716
1 parent d142351
commit 8ab8716
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 3 deletions.
diff --git a/...ges/quantic/force-app/main/default/lwc/quanticSearchBox/templates/expandableSearchBox.css b/...ges/quantic/force-app/main/default/lwc/quanticSearchBox/templates/expandableSearchBox.css
@@ -26,9 +26,13 @@ textarea.searchbox__input {
   border-radius: 0 var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) 0;
 }
 
+.searchbox__container-wrapper {
+  min-height: 3.125rem;
+}
+
 .searchbox_floating-container {
   position: absolute;
   width: 100%;
   background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
   border-radius: 0.25rem;
-}
+}
diff --git a/...es/quantic/force-app/main/default/lwc/quanticSearchBox/templates/expandableSearchBox.html b/...es/quantic/force-app/main/default/lwc/quanticSearchBox/templates/expandableSearchBox.html
@@ -1,6 +1,6 @@
 <!-- sldsValidatorIgnore -->
 <template>
-  <div class="slds-form-element z-index-high">
+  <div class="slds-form-element z-index-high searchbox__container-wrapper">
     <div class="slds-form-element__control searchbox_floating-container">
       <div class="slds-combobox_container">
         <div

diff --git a/...p/main/default/lwc/quanticStandaloneSearchBox/templates/expandableStandaloneSearchBox.css b/...p/main/default/lwc/quanticStandaloneSearchBox/templates/expandableStandaloneSearchBox.css
@@ -25,6 +25,10 @@ textarea.searchbox__input {
   border-radius: 0 var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) 0;
 }
 
+.searchbox__container-wrapper {
+  min-height: 3.125rem;
+}
+
 .searchbox_floating-container {
   position: absolute;
   width: 100%;

diff --git a/.../main/default/lwc/quanticStandaloneSearchBox/templates/expandableStandaloneSearchBox.html b/.../main/default/lwc/quanticStandaloneSearchBox/templates/expandableStandaloneSearchBox.html
@@ -2,7 +2,7 @@
 <template>
   <template if:true={isStandalone}>
     <c-quantic-search-interface engine-id={standaloneEngineId} search-hub={searchHub} pipeline={pipeline} skip-first-search disable-state-in-url>
-      <div class="slds-form-element z-index-high">
+      <div class="slds-form-element z-index-high searchbox__container-wrapper">
         <div class="slds-form-element__control searchbox_floating-container">
           <div class="slds-combobox_container">
             <div