Form field id not updating in sync with field name

[tmjoen]

Environment

• Elixir version (elixir -v): Erlang/OTP 26 [erts-14.2.2] [source] [64-bit] [smp:10:10] [ds:10:10:10] [async-threads:1] [jit] [dtrace] Elixir 1.16.2 (compiled with Erlang/OTP 26)
• Phoenix version (mix deps): 1.0.0-rc
• Phoenix LiveView version (mix deps): 1.7.12
• Operating system: OSX 14.4.1
• Browsers you attempted to reproduce this bug on (the more the merrier): Chrome, Firefox, Safari
• Does the problem persist after removing "assets/node_modules" and trying again? Yes/no: Yes

Actual behavior

When dragging and dropping inputs_for fields in order to sort them with sort_param, the field's id is not in sync with the field's name. In our main app this might be the reason for maybe patching the wrong id when we edit the input. I tried recreating it, but couldn't unless I had the id and _persistent_id outside the dragged div (which we don't have in our app).

I was hoping that maybe this could remind you of something you've seen before? I've attached a video for demonstration purposes.

It's almost as if the ID change "lags".

https://github.com/phoenixframework/phoenix_live_view/assets/10501945/7aa790f0-a815-44f9-a45c-567d1c774784

[tmjoen]

I realize this bug report is horrible — I'll investigate more and reopen if I find anything :)