Cursor jumps to end of input fields

This bug was first reported here: https://community.frontity.org/t/cursor-jumping-on-controlled-input/789

Bug report

• I’ve searched for existing issues
• I’ve checked documentation: https://docs.frontity.org
• I’ve checked community forum: https://community.frontity.org

Describe the expected behavior

While tipying in an <input> component, the cursor must remain in place.

Describe the observed behavior

The cursor jumps to the end every time the value changes.

Describe the steps involved to reproduce the problem

Just add an <input> to your theme and test it.

[solkimicreb]

Hi! I am the author of react-easy-state and I got an email about this issue. Just wanted to let you know that next release (with the cursor jumping fix) is coming early next week.

[luisherranz]

Yeah, that problem comes from the monkey patching of the native events done by react-easy-state to batch events under React’s unsafe_batchedUpdates: https://github.com/solkimicreb/react-easy-state/issues/92

I already offered my help to solve it in the original library and even found a solution that we could use in our own fork: https://codesandbox.io/s/react-easy-state-batch-bug-async-scheduler-6q2dt

I was waiting to hear from @solkimicreb first, to understand why he monkey patched instead of using async queues, but it seems like he is still missing.

If this is urgent we can implement my solution. Why did you opened this issue in the first place? Did some user reported the problem?