ehayun

ehayun

I have a liveview form

<tbody>
      <%= for e <- @entries do %>
      <%= live_component(JotWeb.Component.EntryDate, id: e.tmp_id, entry: e, all_units: @all_units)  %>
      <% end %>
</tbody>

inside the component i have th TD with a form inside

<tr class={@entry.css_class}>
<.form
let={f}
for={@cs}
id="entry-{@entry.tmp_id}"
phx-target={@myself}
phx-change="validate"
phx-submit="save"
>
  <td><%= text_input f, :remarks, class: "form-control" %></td>

I have the event_handling

...
use JotWeb, :live_component
...
@impl true
  def handle_event("validate", params, socket) do
    IO.inspect(params, label: "validate")
    {:noreply, socket}
  end

The problem is that what I’m entering value to remarks I am getting no event

when I am adding the same code instead of the component it is working fine

any idea?

Showing Posts 1 to 7

sfusato

sfusato

Could it be because of this line which creates duplicated ID’s in the DOM? It should be:
id={"entry-#{@entry.tmp_id}"}

ehayun

ehayun OP

I did that but with no luck

sfusato

sfusato

Did you enable liveview debug (liveSocket.enableDebug()) and check your browser’s console for any error messages? This is intriguing especially since you say that if you just take the component’s code and move it into the liveview everything works as expected.

dom

dom

You can’t put a form directly inside a tr, it’s not valid HTML. The browser will likely move the form outside the table, breaking the event.

ehayun

ehayun OP

I will try to move to to a

ehayun

ehayun OP

It gave me an error “Duplicate ID”, I will look for it
Thanks

ehayun

ehayun OP

This is the problem. Thanks
I changed it to

— All posts loaded —

Where Next? Top

Trending in Questions Top

itzmidinesh
Hi all, I’m working on a Phoenix project where I need to make external HTTP requests and I’m trying to choose between Req and HTTPoison....
New
yarrichar
I’m very new to Elixir, so sorry if this is a silly question: I am wondering what happens to the mailbox of a process when the machine i...
New
pragdave
How do I tell Hologram not to escape HTML when substituting into templates? {Textile.render(@product.long_description)} escapes the HTM...
New
Fl4m3Ph03n1x
Background When trying to execute mix release on a Windows 11 machine for a Phoenix project I get the following error: * assembling mark...
New
rlipscombe
I’d like to create a file with 600 permissions (rw-------), but there’s a race condition if I create it and then change the permissions. ...
New
saleyn
Is there a way to import record definitions in the iex shell for pretty printing (similar to the rr command in the erl shell)? This woul...
New
rlipscombe
When I use Mix.install with a git dependency, using git@github.com:... how do I change the SSH identity used? I’ve got two Github accoun...
New

Other Trending Topics Top

fredwu
Over the years I’ve tried dozens of time tracking and invoicing apps, and Harvest was the only one I liked. Primarily due to its relative...
New
dominicletz
Hey there, I haven’t seen a list of useful Elixir specific skills for the popular AI tools yet so I’m starting one here with my first. ...
New
raa-ziq
Hi everyone :waving_hand: I wanted to share something I’ve been building — NowBlind, a random chat app designed to help people discover ...
New
mudasobwa
I fully migrated to my own harness from Anthropic/Gemini and I think it’s time to share it. Welcome DSH, the DeepSeek Harness, fully writ...
New
OndrejValenta
(I just needed to vent somewhere and LinkedIn is full of hope, or hype, I’m not sure which exactly) AI dream has many faces, but general...
New
kip
Localize is the next generation localisation library for Elixir. Think of it as ex_cldr version 3.0. The first version will be released ...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews