From 80ba14e9dad7a5fbacc4dca8aea383f17b2840cd Mon Sep 17 00:00:00 2001
From: Lam Nguyen <la.nguyen@f5.com>
Date: Tue, 9 Sep 2025 11:41:28 -0700
Subject: [PATCH 1/2] Coveo: Lock scroll when filter modal is open

---
 assets/css/v2/style.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/assets/css/v2/style.css b/assets/css/v2/style.css
index 5a016ec7..ffc8aeb6 100644
--- a/assets/css/v2/style.css
+++ b/assets/css/v2/style.css
@@ -1456,6 +1456,12 @@ body:not(:has(.main-layout)) header atomic-search-interface {
   display: block;
 }
 
+body:has(atomic-refine-modal[is-open=""]) {
+  /* Lock scrolling when modal is up */
+  position: fixed;
+  width: 100%;
+}
+
 @media (max-width: 88rem) {
   /* Show on pages with sidebar if it is hidden */
   body:has(.sidebar-layout) header atomic-search-interface {

From 0358bedfb34abf099ba16106fdd4eda0ee5b77ea Mon Sep 17 00:00:00 2001
From: Lam Nguyen <la.nguyen@f5.com>
Date: Tue, 9 Sep 2025 11:46:11 -0700
Subject: [PATCH 2/2] Coveo: Refactored CSS to nest parts of atomic search box

---
 assets/css/v2/style.css | 60 ++++++++++++++++++++---------------------
 1 file changed, 30 insertions(+), 30 deletions(-)

diff --git a/assets/css/v2/style.css b/assets/css/v2/style.css
index ffc8aeb6..e37c003d 100644
--- a/assets/css/v2/style.css
+++ b/assets/css/v2/style.css
@@ -1390,42 +1390,42 @@ atomic-search-box {
   width: 18.5rem;
   display: flex;
   align-items: center;
-}
 
-atomic-search-box::part(input) {
-  height: 2.25rem;
-  font-size: var(--font-step--1);
-  padding: 0.5rem 1rem;
-  box-sizing: border-box;
-}
+  &::part(input) {
+    height: 2.25rem;
+    font-size: var(--font-step--1);
+    padding: 0.5rem 1rem;
+    box-sizing: border-box;
+  }
 
-atomic-search-box::part(textarea-expander) {
-  white-space: nowrap;
-  overflow-x: auto;
-  overflow-y: hidden;
-  resize: none;
-}
+  &::part(textarea-expander) {
+    white-space: nowrap;
+    overflow-x: auto;
+    overflow-y: hidden;
+    resize: none;
+  }
 
-atomic-search-box::part(textarea) {
-  padding-left: 0;
-  padding-right: 0;
-  font-weight: 400;
-}
+  &::part(textarea) {
+    padding-left: 0;
+    padding-right: 0;
+    font-weight: 400;
+  }
 
-atomic-search-box::part(wrapper) {
-  height: 100%;
-  display: flex;
-  flex-direction: row-reverse;
-  align-items: center;
-}
+  &::part(wrapper) {
+    height: 100%;
+    display: flex;
+    flex-direction: row-reverse;
+    align-items: center;
+  }
 
-atomic-search-box::part(submit-button) {
-  order: -1;
-  padding-right: 0;
-}
+  &::part(submit-button) {
+    order: -1;
+    padding-right: 0;
+  }
 
-atomic-search-box::part(submit-button-wrapper) {
-  margin: 0;
+  &::part(submit-button-wrapper) {
+    margin: 0;
+  }
 }
 
 atomic-search-interface#search-standalone-header {