When I stream_insert/4 into an existing stream on a live view, it causes the scroll position to change.

For example, in this simply live view the “update” event causes the page to scroll to the top.

defmodule MyAppWeb.TempLive do
  use MyAppWeb, :live_view
  import ...
  alias ...

  def mount(_, _, socket) do
    {:ok, stream(socket, :posts, get_post_feed())}
  end

  def render(assigns) do
    ~H"""
    <div
      id="stream"
      phx-update="stream"
      class="flex flex-col gap-10"
    >
      <%= for {dom_id, post} <- @streams.posts do %>
        <div id={dom_id}>
          <p><%= post.message %></p>
          <button phx-click="update" phx-value-id={post.id}>Click</button>
        </div>
      <% end %>
    </div>
    """
  end

  def handle_event("update", %{"id" => id}, socket) do
    {:noreply, stream_insert(socket, :posts, %Post{id: id, message: "Updated message"})}
  end
end

I looked around in the TodoTrek repo (GitHub - chrismccord/todo_trek · GitHub) to see if I’ve missed some client side hook for managing scroll position or something along those lines. But I didn’t find anything to explain why I get the scroll jumping while other seem to don’t.