Prevent page refresh if present result is same as result to be searched (#1249)

* Prevent page refresh if present result is same as result to be searched

* Use complete url instead of path

* Logic should be in utils, use new URL

Author: suprith-hub

frontend/src/static/js/components/webstatus-overview-filters.ts

@@ -54,6 +54,7 @@ import {
 
 import {CSVUtils} from '../utils/csv.js';
 import {Toast} from '../utils/toast.js';
+import {navigateToUrl} from '../utils/app-router.js';
 
 const WEBSTATUS_FEATURE_OVERVIEW_CSV_FILENAME =
   'webstatus-feature-overview.csv';
@@ -233,7 +234,7 @@ export class WebstatusOverviewFilters extends LitElement {
       q: (this.typeaheadRef.value as WebstatusTypeahead).value,
       start: 0,
     });
-    window.location.href = newUrl;
+    navigateToUrl(newUrl);
   }
 
   protected firstUpdated(): void {

frontend/src/static/js/utils/app-router.ts

@@ -55,6 +55,14 @@ export const navigateToUrl = (url: string, event?: MouseEvent) => {
     return;
   }
 
+  // Construct a full URL to handle relative paths correctly
+  const fullNewUrl = new URL(url, window.location.origin).href; // TODO for future - handle try/catch case until we use AppLocation
+
+  const currentUrl = window.location.href;
+  if (currentUrl === fullNewUrl) {
+    return;
+  }
+
   // TODO. We should use the vaadin router and use the navigate method there.
   window.location.href = url;
 };