What seems to be the problem:
I have a simple form using livewire. Text fields are bound to a model. Per-field validation is enabled as shown from the example in the docs.
If I type in a field, then move to the next field, the first field changes to a partly completed field. It seems to eventually become consistent. I’ve included a screen capture animation below. So I might type “ABCDEF” in field #1, and then tab to field #2… once I start typing in field #2, the “ABCDEF” will update to “ABCD” or similar.
I believe what is happening is livewire is getting confused by the slow server response (I’m intentionally slowing down responses to 4s to test network environments) and is replacing my local data with the server-side model, even though my local data is more accurate.
I suspect I just don’t know the term for what is happening, which is why I am not finding any good resources on Google to understand what’s wrong.
Steps to Reproduce:
Introduce an artificial delay - in my case, 4 seconds is more than enough to do it. Type in field #1, then in field #2. Field #1 will revert back to an earlier version of itself.
Are you using the latest version of Livewire:
Yep!
Do you have any screenshots or code examples:
it’s at imgur.com/Wi4GIXO