LiveView: Form Errors Not Showing Up

djaouen · August 18, 2023, 7:24am

Hello,

I am trying to figure out why my LiveView forms aren’t displaying errors. It looks like they are being set in the appropriate handle_event callback, but they are nowhere to be seen despite being printed in my templates.

You can find my code here: GitHub - danieljaouen/phoenix_modal_example

With the most relevant code being located in lib/modal_example_web/live/modal_example_live.ex and lib/modal_example_web/live/modal_example_live.html.heex.

Any help is greatly appreciated. Thanks!

codeanpeace · August 18, 2023, 8:12am

github.com

danieljaouen/phoenix_modal_example/blob/ab4055dff623e386f5565450a7c121fda0c12152/lib/modal_example_web/live/modal_example_live.html.heex#L14-L19


      
          <div id="modal-2"
               class={if @page == "2" do "show" else "hidden" end}
               phx-update="ignore">
          
            <h2>Welcome to the Multi-Part Modal Example Part 2!</h2>
            <.simple_form

Try removing phx-update="ignore" from the modal divs that wrap your forms.

ignore - ignores updates to the DOM regardless of new content changes
…
The “ignore” behaviour is frequently used when you need to integrate with another JS library. Note only the element contents are ignored, its attributes can still be updated.

source: DOM patching & temporary assigns — Phoenix LiveView v0.20.2

djaouen · August 18, 2023, 8:32am

Yep, that did the trick. Thanks, @codeanpeace!!