From 0230044ba32027f9fb290c5c0e7f693547584447 Mon Sep 17 00:00:00 2001
From: guillermo2519 <escalante.guillermo2519@gmail.com>
Date: Wed, 29 Apr 2026 18:20:27 -0600
Subject: [PATCH 1/2] fix #5525: add independent scroll to filters bar

---
 .../search/search-filters/search-filters.component.scss    | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/app/shared/search/search-filters/search-filters.component.scss b/src/app/shared/search/search-filters/search-filters.component.scss
index 6170b9281c6..862d0444576 100644
--- a/src/app/shared/search/search-filters/search-filters.component.scss
+++ b/src/app/shared/search/search-filters/search-filters.component.scss
@@ -1,6 +1,13 @@
 @import '../../../../styles/variables';
 @import '../../../../styles/mixins';
 
+:host {
+  display: block;
+  max-height: 80vh;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+
 :host ::ng-deep {
   ngx-skeleton-loader .skeleton-loader {
     height: var(--ds-filters-skeleton-height);

From 754648ef54a89b5d8d413cbb7cdd67fa8a05b3ea Mon Sep 17 00:00:00 2001
From: guillermo2519 <escalante.guillermo2519@gmail.com>
Date: Fri, 22 May 2026 12:51:35 -0600
Subject: [PATCH 2/2] fix #5525: move scroll to filters list, keep reset button
 visible

---
 .../search-filters.component.html             | 23 ++++++++++---------
 .../search-filters.component.scss             |  6 ++++-
 2 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/app/shared/search/search-filters/search-filters.component.html b/src/app/shared/search/search-filters/search-filters.component.html
index bea2ea94671..a7d96013b0b 100644
--- a/src/app/shared/search/search-filters/search-filters.component.html
+++ b/src/app/shared/search/search-filters/search-filters.component.html
@@ -4,21 +4,22 @@ <h3>{{filterLabel+'.filters.head' | translate}}</h3>
   <h2>{{filterLabel+'.filters.head' | translate}}</h2>
 }
 
-@if ((filters | async)?.hasSucceeded) {
-  <div [class.visually-hidden]="getCurrentFiltersComputed(this.currentConfiguration) < (filters | async)?.payload?.length">
-    @for (filter of (filters | async)?.payload; track filter.name) {
-      <ds-search-filter (isVisibilityComputed)="countFiltersWithComputedVisibility($event)" [scope]="currentScope" [filter]="filter" [inPlaceSearch]="inPlaceSearch" [refreshFilters]="refreshFilters"></ds-search-filter>
-    }
-  </div>
-}
+<div class="filters-scrollable">
+  @if ((filters | async)?.hasSucceeded) {
+    <div [class.visually-hidden]="getCurrentFiltersComputed(this.currentConfiguration) < (filters | async)?.payload?.length">
+      @for (filter of (filters | async)?.payload; track filter.name) {
+        <ds-search-filter (isVisibilityComputed)="countFiltersWithComputedVisibility($event)" [scope]="currentScope" [filter]="filter" [inPlaceSearch]="inPlaceSearch" [refreshFilters]="refreshFilters"></ds-search-filter>
+      }
+    </div>
+  }
 
-@if(getCurrentFiltersComputed(this.currentConfiguration) < (filters | async)?.payload?.length) {
-  <ngx-skeleton-loader [count]="defaultFilterCount"/>
-}
+  @if(getCurrentFiltersComputed(this.currentConfiguration) < (filters | async)?.payload?.length) {
+    <ngx-skeleton-loader [count]="defaultFilterCount"/>
+  }
+</div>
 
 @if (inPlaceSearch) {
   <button class="btn btn-primary" [routerLink]="[searchLink]" [queryParams]="clearParams | async" (click)="minimizeFilters()" queryParamsHandling="merge" role="button">
     <i class="fas fa-undo"></i> {{"search.filters.reset" | translate}}
   </button>
 }
-
diff --git a/src/app/shared/search/search-filters/search-filters.component.scss b/src/app/shared/search/search-filters/search-filters.component.scss
index 862d0444576..a9b6851c585 100644
--- a/src/app/shared/search/search-filters/search-filters.component.scss
+++ b/src/app/shared/search/search-filters/search-filters.component.scss
@@ -3,7 +3,11 @@
 
 :host {
   display: block;
-  max-height: 80vh;
+  overscroll-behavior: contain;
+}
+
+.filters-scrollable {
+  max-height: 60vh;
   overflow-y: auto;
   overscroll-behavior: contain;
 }