PaleWatcher

PaleWatcher

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?

Showing Posts 1 to 4

NobbZ

NobbZ

Can’t you check _target?

LostKobrakai

LostKobrakai

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

PaleWatcher

PaleWatcher OP

From the replies, it seems pretty clear that _target is the obvious answer here, since the real problem is simply preserving which field the user actually edited.

So the actual design question becomes:

once _target tells you which input triggered the change, where should that information live?

Would you usually:

  1. Map _target into a virtual field in the changeset (for example :calculation_source with values like :price_entered / :discount_entered) and keep the calculation logic inside the changeset

or

  1. Handle the recalculation directly inside handle_event/3 in LiveView before building the changeset

My instinct is that option 1 feels cleaner, because LiveView stays thin and the changeset remains responsible for business rules.

Is that considered the more idiomatic Phoenix/Ecto approach?

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.

— All posts loaded —

Where Next? Top

Trending in Questions Top

Blokh
Hey guys, I’ve got a huge CSV ( around 10 GB ) that needs to be processed hourly Do you guys have any suggestions what is the best prac...
New
kszambelanczyk
Hello! Could someone please give me a help/sample code, how to delete a file from s3 using waffle/waffle_ecto from Phoenix app. I creat...
New
Onor.io
I have what I’ve heard referred to as a “lookup table” in my database. This is a way of assigning codes to common values. One common lo...
New
Trolleger
What approach to take when sending live updates to “random” users Hi! I have a question, I have a little chat app, and when I create a DM...
New
matt-savvy
Anyone here using Honeybadger? My Honeybadger account is being overwhelmed with noise from some bots. Seeing a lot of Bandit.HTTPError...
New
RemyXRenard
I’m seeing that a list inside a Kino.DataTable will be interpreted as a charlist, even if the Kino.configure() is set to charlists: :as_l...
New
samoloth
Hi, I’ve just set up an application with ash_authentication. There is only magic link strategy for now, so there is no confirmation add o...
New

Other Trending Topics Top

mudasobwa
I am happy to introduce the very α version of the new programming language compiled to BEAM. Welcome Cure. It has literally three kille...
New
garrison
Hobbes is a low-level distributed database for the Elixir programming language. Hobbes provides a simple, safe, and scalable storage lay...
New
mcass19
ExRatatui lets you cook up rich terminal UIs in Elixir, powered by Rust’s ratatui via Rustler NIFs. Build interactive terminal applicatio...
New
Damirados
Hello everyone. After busy few months I am happy to announce v0.1.0 of Emerge & Solve. They are GUI (Emerge) and State management (S...
New
netoum
Corex is an accessible, unstyled UI component library for Phoenix that integrates Zag.js state machines using Vanilla JavaScript and Live...
New
wintermeyer
There are three potential reasons for members of this forum to have a look at https://vutuv.de You are tired or annoyed of LinkedIn. Yo...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews