Update URL search params after a form submits

[kapantzak]

Consider that you have some filters inside a form that fetches the content of a turbo-frame element on submit. Wouldn't that be nice if it automatically updated the current URL search params with the respective field names and values in order to match the current state of the ui?

Of course, this behavior should have to be optional and can be enabled by adding a specific data-attribute (e.g. data-turbo-url-base) to the respective form element.

Also, we might want this to happen only for forms that have the GET method.

Example:

<form action="/path/to/action"
  method="get"
  data-turbo-frame="frame_1"
  data-turbo-url-base="_current">

  <label for="name">Name</label>
  <input id="name" type="text" name="name">

  <label for="name">Age</label>
  <input id="age" type="number" name="age">

  <input type="submit" value="Submit">
</form>

Submitting this form after filling the fields with the following values

name: 'John'
age: 39

would update the URL search params like so:

// Previous
https://www.example.com/listing

// Next
https://www.example.com/listing?name=John&age=39

data-turbo-url-base possible values:

• _form: The form's action (default)
• _current: The current location
• /custom/url/path/: Provide any custom path

If you think that this would be a useful feature I can start implementing asap.