diff --git a/apps/frontend/src/pages/search/[searchProjectType].vue b/apps/frontend/src/pages/search/[searchProjectType].vue
index 02f750f2..28463d96 100644
--- a/apps/frontend/src/pages/search/[searchProjectType].vue
+++ b/apps/frontend/src/pages/search/[searchProjectType].vue
@@ -168,7 +168,7 @@
name="Sort by"
:options="sortTypes"
:display-name="(option) => option?.display"
- @change="updateSearchResults(1)"
+ @change="updateSearchResults()"
>
Sort by:
{{ selected }}
@@ -181,7 +181,7 @@
:default-value="maxResults"
:model-value="maxResults"
class="!w-auto flex-grow md:flex-grow-0"
- @change="updateSearchResults(1)"
+ @change="updateSearchResults()"
>
View:
{{ selected }}
@@ -206,7 +206,7 @@
:page="currentPage"
:count="pageCount"
class="mx-auto sm:ml-auto sm:mr-0"
- @switch-page="setPage"
+ @switch-page="updateSearchResults"
/>
@@ -545,19 +545,13 @@ const pageCount = computed(() =>
results.value ? Math.ceil(results.value.total_hits / results.value.limit) : 1,
);
-function setPage(newPageNumber) {
- currentPage.value = newPageNumber;
-
- window.scrollTo({ top: 0, behavior: "smooth" });
-
- updateSearchResults();
-}
-
function scrollToTop(behavior = "smooth") {
window.scrollTo({ top: 0, behavior });
}
-function updateSearchResults() {
+function updateSearchResults(pageNumber) {
+ currentPage.value = pageNumber || 1;
+ scrollToTop();
noLoad.value = true;
if (query.value === null) {
@@ -590,8 +584,8 @@ function updateSearchResults() {
}
}
-watch([currentFilters, requestParams], () => {
- updateSearchResults();
+watch([currentFilters], () => {
+ updateSearchResults(1);
});
function cycleSearchDisplayMode() {