Form errors are visible while live view is loading

carloratm · July 27, 2023, 3:11pm

Hi all,

I am seeing form errors while a live view is loading. Then they disappear.
I am using a vanilla Phoenix project with tailwind and core components to render the form.

You can see the source code at:
GitHub - carlotm/form-errors-are-visible

Is this behaviour intended/known, or am I doing something wrong here?

Peek 2023-07-27 17-18

Cheers!

JohnnyCurran · July 27, 2023, 3:26pm

It’s because you’re setting an action:

github.com

carlotm/form-errors-are-visible/blob/51c11b641b30658a6d4fd3ef95938026047c2524/lib/epkgs_web/live/projects_admin_live.ex#L21


      
            end
          
            def handle_event("validate", %{"project" => params}, socket) do
              form = build_form(params)
              {:noreply, assign(socket, form: build_form(params))}
            end
          
            defp build_form(params \\ %{}) do
              %Project{}
              |> Project.changeset(params)
              |> Map.put(:action, :validate)
              |> to_form()
            end
          end

You don’t want to set an action on a changeset until you are ready to display errors like in a validate or submit callback

To just build the form, you can remove that line

I would move that line to the validate callback

carloratm · July 27, 2023, 3:29pm

Thank you, it was indeed the reason!