An out-of-order refresh bring old data(?)

I have an issue with users with slow connections. They are updating invoices in their phones (android) and sometimes the values are lost or overwritten.

<input  type="text" id="discount" name="discount" inputmode="decimal" hx-post="" hx-trigger="keyup changed delay:2s" hx-swap="outerHTML" hx-target="#content" hx-select="#content">

So, this is the flow of actions:

1. Enter a value like 23. It gets sent to the server
2. Now remove it or change it (23.3). It gets sent to the server
3. Sometimes it gets rewritten into 23
4. Then the server has responded with 23 then 23.3

I attach a video of the issue: https://user-images.githubusercontent.com/238983/133696804-155505bd-600e-441d-9263-443b68b1d44c.mp4

[mamcx]

Ok, after looking at the code and remembering I have reported this issue, I do this change:

        function handlePreservedElements(fragment) {
            forEach(findAll(fragment, '[hx-preserve], [data-hx-preserve]'), function (preservedElt) {
                var id = getAttributeValue(preservedElt, "id");
                var oldElt = getDocument().getElementById(id);
                if (oldElt != null) {
                    //preservedElt.parentNode.replaceChild(oldElt, preservedElt);
                    preservedElt.value =  oldElt.value;
                }
            });
        }

This keeps the value to be replaced and avoids “jump” out of focus. Maybe add an option to hx-preserve for values?

[mamcx]

Also keyup changed delay:1s means the delay is applied to both events? Or could be the delay is only for the last?

P.D: Removing the delay make the problem more evident.