Definitly the Nier series.

I tried to imperatively set the FormData on error by itterating over the form ref's `elements` property but this seemingly only flashes the contents and then removes it again. What is this?!

Though I most admit at this point it is rather a solution to the specific problem you showed off instead of a general one of trying to differentiate the programmatic from the human scroll

As far as I can tell it shouldn't matter if you got there programatically or not.

The only job of the observer would be to move the scroll position to the bottom.

So all the scroll event would need to do if to decide if the element should be observed or not.

Will try tomorrow and get back to you

So this would mean, in a scroll event, you could simply `unobserve` your element if `e.target.scrollHeight - e.target.clientHeight < e.target.scrollTop` and observe it later again when `e.target.scrollHeight - e.target.clientHeight === e.target.scrollTop`.

Or am I missing something? 🤔

As stated in the comments there are some downsides to this approach.

Shouldn't all of those get alleviated if you allow your component to have access to the `ResizeObserver`, either directly by passing the ref or having a subscription mechanism?