Gestion du scroll dans la recherche (#716)

assets/js/theme/design-system/search.js

 /* eslint-disable no-undef */
 import { focusTrap } from '../utils/focus-trap';
 
+const CLASSES = {
+    modalOpened: 'has-modal-opened'
+};
+
 class Search {
     constructor (container) {
         this.state = {
@@ -126,6 +130,9 @@ class Search {
         this.element.setAttribute('aria-hidden', !this.state.isOpened);
         this.button.setAttribute('aria-expanded', this.state.isOpened);
 
+        const classAction = this.state.isOpened ? 'add' : 'remove';
+        document.documentElement.classList[classAction](CLASSES.modalOpened);
+
         if (open) {
             this.input = this.element.querySelector('input');
             this.input.focus();

assets/sass/_theme/design-system/header.sass

@@ -34,7 +34,7 @@ header#document-header
     &.is-sticky
         .pagefind-ui__toggle
             color: $header-sticky-color
-    html.is-scrolling-down:not(.has-menu-opened) &
+    html.is-scrolling-down:not(.has-menu-opened, .has-modal-opened) &
         @include media-breakpoint-down(desktop)
             transform: translateY(-100%)
         @include media-breakpoint-up(desktop)