Auto-appending URL parameters when using a custom hx-push-url value

user_948835 0
Viewed 51

I would like to push a custom URL but keep the parameters of the original request. Consider the following example

<script 
 src="https://unpkg.com/htmx.org@1.7.0" 
 integrity="sha384-EzBXYPt0/T6gxNp0nuPtLkmRpmDBbjg6WmCUZRLXBBwYYmwAUxzlSGej0ARHX0Bo" 
 crossorigin="anonymous">
</script>

<select id="select-number" name="number" hx-get="/debug" hx-push-url="/debug2" hx-target="#target">
    <option value="1">1</option>
    <option value="2">2</option>
</select>
<div id="target">
</div>

Let's say I serve this at http://127.0.0.1:7000/debug. If I select 2 in the select field this will trigger a request to /debug?number=2 as expected. However, the URL pushed to the browser is http://127.0.0.1:7000/debug2, not including the parameters.

I want the following pushed to the history: http://127.0.0.1:7000/debug2?number=2

This has also been discussed in htmx issue #653. From my understanding what I'm doing should work, but maybe I'm doing something wrong?

htmx
0 Answers
Related