There are some online examples on how to reorder nested form inputs built with <.inputs_for/> using the Sortable.js library and streams. It’s all based on the new :sort_param provided by ecto.

I have a form with nested inputs in which I’d prefer not to use streams because there are several levels of nesting and I didn’t want to have to traverse the changeset to convert everything into streams and I don’t want to use drag and drop because the items to be reordered are quite “tall” and fill up too much of the screen to be dragged around easily.

From a UI point of view, I’d like to add buttons to move an element up the list (thus swapping it with the element above) and to move an element down (thus swapping it with the element below).

I’m having a real hard time with this, though. My naive solutions of updating the values of the :sort_param fields and emitting a change event are not working like I wanted, and I wonder if anyone else has already implemented this in a way that works.