PaleWatcher

PaleWatcher

How do you handle mutually dependent form fields in LiveView forms?

Suppose you have two fields in a Phoenix LiveView form where both are user-editable, and each one can be used to calculate the other.

Example:

A → derive B
B → derive A

Both inputs are valid entry points for the user.

The problem is that phx-change submits the entire form on every input change.

Once the form is submitted, the changeset receives both values at the same time and no longer knows which field was the actual user input and which one should be treated as the derived value.

A few obvious approaches seem problematic:

  • always prioritizing one field breaks UX
  • relying on changed? can be unreliable because both fields may appear changed after recalculation
  • moving logic outside the changeset makes validation and calculation harder to keep consistent

What is considered the idiomatic Phoenix/Ecto approach for this kind of bidirectional dependency?

How do you usually preserve which field was the real user input when the whole form is submitted on every change?

Most Liked

NobbZ

NobbZ

Can’t you check _target?

LostKobrakai

LostKobrakai

You can use the _target to see which field triggered the event.

Last Post!

LostKobrakai

LostKobrakai

https://medium.com/very-big-things/towards-maintainable-elixir-the-core-and-the-interface-c267f0da43

Given the distinction made in that blogpost the logic belongs very much in the interface, not the core. This specific form in question is concerned with that auto calculation, but the next one might not be. I‘d expext the core just needs data to be aligned by whatever means most useful depending on the source for the data.

Both core and interface might still use changesets though.

Where Next?

Popular in Questions Top

rms.mrcs
Hi, I need to transform a list of numbers into a map where the keys are the indexes and the values are the original values of the list. ...
New
vonH
In asking this question I am more interested about the expressiveness of the language itself and less concerned about the availability of...
New
openscript
Hello! Sorry for this astonishing simple question, but I’m really stuck. I try to set up the intellij-elixir plugin, but I don’t know ho...
New
9mm
I am constructing a JSON object (map) and I need to conditionally set a field. I’m trying to write proper elixir-way code… and I’m at a l...
New
belgoros
I’m not a pro in using Regex and can’t figure out why the following behaviour happens, especially if we take into account the difference ...
New
jerry
Good day to you all. I have been struggling to get a query involving like and ilike to work. Can anyone assist me on this, please? pro...
New
vrod
I am using the Starship cross-shell prompt – it seems pretty nice, but I get some errors: [WARN] - (starship::utils): Executing command ...
New

Other popular topics Top

Qqwy
Update: How to use the Blogs & Podcasts section You can post links to your blog posts or podcasts either in one of the Official Blog...
3271 130286 1222
New
vertexbuffer
Hello, can anybody help here..? I have a list of players and I what to delete an element, but every for loop the list is reverting to ori...
New
grych
Hi folks, Few months ago I have announced the proof-of-concept of the library to manipulate the browsers DOM objects directly from Elixi...
639 54006 488
New
jononomo
I am trying to figure out how Mix knows whether the environment is test, dev, or prod – where is this set? Thanks.
New
nsuchy
Hi. I’ve noticed that Windows Powershell has it’s own IEX command and you cannot access Elixir’s IEX due to the conflict. This isn’t a cr...
New
gshaw
What is the idiomatic way of matching for not nil in Elixir? E.g., First way: defp halt_if_not_signed_in(conn, signed_in_account) when...
New

We're in Beta

About us Mission Statement