Hello,

on a LiveView page, I have a form whose single text input gets cleared when I click on a separate, unrelated div that uses phx-click.

I would like the input not to be affected by the phx-click, if possible. Is there a way to accomplish this, or is this a limitation in LiveView?

I pasted my code below. Steps to reproduce:

1. Type some text (one or two sentences) into the input (without submitting)
2. Click on the “click me” text
3. Input field is now cleared

  def render(assigns) do
    ~L"""

    Live Text: <%= @live_text%>

    <form phx-change="type_live" phx-submit="submit", placeholder="Type something...">
      <input type="text" name="q" value="<%= @query %>"/>
    </form>

    <div phx-click="test" phx-value-test="successfully clicked"><%= @test%></div>

    """
  end

  def mount(_params, _session, socket) do
    {:ok, assign(socket, query: nil, live_text: "", test: "click me")}
  end

  def handle_event("type_live", %{"q" => query}, socket)  do
    live_text = query
    {:noreply, assign(socket, live_text: live_text)}
  end

  def handle_event("submit", %{"q" => query}, socket) do
    {:noreply, assign(socket, query: query)}
  end

  def handle_event("test", %{"test" => test}, socket) do
    {:noreply, assign(socket, test: test)}
  end