TLDR; A recoverable form rendered through a Live Component doesn’t recover after crashes or disconnects.

DETAILS

Specifications

• Phoenix 1.7.14
• LiveView 0.20.17 && 1.0.0-rc.7

Context
A form is being rendered through a Live Component. It fulfills the requirements to be recoverable after crashes and disconnects, as per Form bindings — Phoenix LiveView v1.2.5

• Has an ID.
• Is marked with phx-change.

all forms marked with phx-change and having id attribute will recover input values automatically after the user has reconnected or the LiveView has remounted after a crash.

Expected Behaviour

• After the live view crashes or disconnects, the form rendered through the Live Component is recovered.

Current Behavious

• After the live view crashes or disconnects, the from rendered through the Live Component is not recovered.

on Crash		on Disconnect
	—

Steps to reproduce

1. Clone https://github.com/ammancilla/phoenix_live_view_unrecoverable_form
2. mix phx.server
3. http://localhost:4000/form

or

• The Live View and respective Live Component

defmodule FormRecoverableWeb.FormLive do
  @moduledoc false

  use FormRecoverableWeb, :live_view

  @impl true
  def mount(_params, _session, socket) do
    {:ok, assign(socket, :form, to_form(%{"name" => nil}))}
  end

  @impl true
  def handle_event("validate", params, socket) do
    {:noreply, assign(socket, :form, to_form(params))}
  end

  def handle_event("submit", _params, socket), do: raise("break live view")

  @impl true
  def render(assigns) do
    ~H"""
    <div class="mx-auto flex justify-between prose">
      <div>
        <h2>The Form</h2>
        <.simple_form id="person-form" for={@form} phx-change="validate" phx-submit="submit">
          <.input field={@form[:name]} label="name" />
          <:actions>
            <.button phx-disable-with="Saving...">Crash LiveView</.button>
          </:actions>
        </.simple_form>
      </div>

      <div>
        <h2>The Form from a Live Component</h2>
        <.live_component
          id="form-live-component"
          form={@form}
          module={AnnaBailaWeb.FormLiveComponent}
        />
      </div>
    </div>
    """
  end
end

defmodule FormRecoverableWeb.FormLiveComponent do
  @moduledoc false

  use FormRecoverableWeb, :live_component

  @impl true
  def update(_assigns, socket) do
    {:ok, assign(socket, :form, to_form(%{"username" => nil}))}
  end

  @impl true
  def handle_event("validate", params, socket) do
    {:noreply, assign(socket, :form, to_form(params))}
  end

  def handle_event("submit", _params, socket), do: raise("break live component")

  @impl true
  def render(assigns) do
    ~H"""
    <div>
      <.simple_form
        id={"#{System.unique_integer()}"}
        for={@form}
        phx-submit="submit"
        phx-target={@myself}
        phx-change="validate"
      >
        <.input id="name-live-component" field={@form[:name]} label="name" />
        <:actions>
          <.button phx-disable-with="Saving...">Crash LiveComponent</.button>
        </:actions>
      </.simple_form>
    </div>
    """
  end
end

• What am I doing wrong?
• Is this expected behaviour or a bug?