Skip to content

Commit 950da8f

Browse files
committed
fix(searchfilters): Ensure selected filter values stay active when
searching for new values
1 parent 9346f5c commit 950da8f

1 file changed

Lines changed: 10 additions & 2 deletions

File tree

frontend/src/lib/components/search/SearchFilters.svelte

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,11 @@
7878
*/
7979
function filterBuckets(buckets, key) {
8080
const filter = filterContains[key]?.toLowerCase() || '';
81-
return filter ? buckets.filter((b) => b.key.toLowerCase().includes(filter)) : buckets;
81+
82+
return buckets.map((bucket) => ({
83+
...bucket,
84+
found: !filter || bucket.key.toLowerCase().includes(filter)
85+
}));
8286
}
8387
8488
/**
@@ -230,7 +234,7 @@
230234
<ul>
231235
{#each filterBuckets(aggregations[key].buckets, key) as bucket}
232236
<li>
233-
<label>
237+
<label class:active={bucket.found}>
234238
<input
235239
type="checkbox"
236240
value={bucket.key}
@@ -493,6 +497,10 @@
493497
gap: var(--size-2);
494498
}
495499
500+
.filters-group ul li label:not(.active) {
501+
display: none;
502+
}
503+
496504
.filters-group ul li label div {
497505
align-items: baseline;
498506
display: flex;

0 commit comments

Comments
 (0)