How to navigate under the same path removing the query string using a href?

[frederikhors]

Describe the bug

I have this code in a Svelte 5 / SvelteKit 2 app:

<script lang="ts">
    import { resolve } from '$app/paths';

    // ...
</script>

{#each categories || [] as category (category.id)}
    <a href={resolve(`/categories/${category.id}`)}>
        {category.name}
    </a>
{/each}

If I add with another component a query string on the url like ?page=2 and then I click the link the query string is not automatically removed, why?

I'm already under /categories.

Example:

• I'm on /categories/black?page=2
• then I click on "Red"
• it goes to /categories/red?page=2
• I expect instead: /categories/red

Reproduction

https://stackblitz.com/edit/sveltejs-kit-template-default-hgoy6dcj?file=src%2Froutes%2Fcontact%2F%5Bid%5D%2F%2Bpage.svelte,src%2Flib%2Futil.svelte.ts

System Info

"@sveltejs/kit": "2.48.4",
"svelte": "5.43.3"

Severity

serious, but I can work around it

[sillvva]

resolve doesn't support query strings. There's a 2-week old PR to add support.

#14756

[brunnerh]

That is not what this is about.

[sillvva]

Oh, I see. I misunderstood.

[Conduitry]

Oh. Well, I can't reproduce this, though. When I'm on a page with a query parameter in the URL, then a link to that URL without the query parameter works properly for me.

[frederikhors]

Oh. Well, I can't reproduce this, though. When I'm on a page with a query parameter in the URL, then a link to that URL without the query parameter works properly for me.

Are you under the same /categories page when you switch between url?

Imagine an ecommerce...

[brunnerh]

Please provide a full reproduction - to quote the bug report template:

A link to a repository, or a fork of https://node.new/sveltekit, that reproduces the issue. Reproductions must be short, self-contained and correct and must not contain files or code that aren't relevant to the issue — please do NOT just paste a link to your project. Explaining how to reproduce is generally not enough. It pushes the burden of creating a reproduction project onto a small set of volunteer maintainers and isn't scalable. If no reproduction is provided, the issue will be closed.

[sillvva]

Not able to reproduce this either:

https://stackblitz.com/edit/sveltejs-kit-template-default-n7jjtf8t?file=src%2Froutes%2F%2Bpage.svelte,src%2Froutes%2Fcontact%2F[id]%2F%2Bpage.svelte

[frederikhors]

I reproduced it here but I'm sorry: the issue depends on my own code, I realized just now.

That code for queryParams persistence sucks and sveltekit does not have something built-in (yet, I hope).

Feel free to close this if you don't have time to find the issue in the code. And sorry again.

Steps:

1. Click on Alan
2. then on Next multiple times
3. then on another guy
4. the page param does not go away