Fix `ScrollView` scroll position issues

[hubacekj]

There are several use cases where ScrollView does not behave correctly:

1. autoScroll detectEnd feature

• in the documentation go to the Auto Scrolling section
• select the option when end is detected
• click on the Add text button to the point where the element scrolls
• start clicking on Add text button as fast as you can several times
• after a while, auto scroll should stop working

2. scroll position state on ScrollView element resize (not window)

• in the old documentation go to the Custom Arrows section
• scroll horizontally to the end so that the end arrow disappears
• resize the rendering window (not the browser window) so that you are not scrolled to the end anymore
• the state updates only after you scroll, but it should update on resize of the ScrollView element
• it works only if you resize the whole browser window

3. scroll position state sometimes stops working

• in the product go to any diagnostics page that has horizontally scrolling console (e.g. Quality of Service)
• try scrolling left end right and make sure to scroll to the start and to the end
• if you try it long enough, the scroll position state stops working until you refresh the page (you see the arrows despite being scrolled to the start or to the end respectively)

[hubacekj]

cc @mbohal @adamkudrna @dacerondrej @bedrich-schindler

If you know about any other issues related to this topic, feel free to add them.

[atmelmicro]

I couldn't replicate 1. 2 and 3 are fixed in #657

[mbohal]

I replicated 1) ON Linux Chromium, it seems to be OK on Linux FF:

Screencast.From.2025-06-30.09-59-32.mp4

@atmelmicro can you replicate on Mac Chrome/Chromium?

[atmelmicro]

I could recreate it, however I can't find a proper fix to the issue. I think the issue lies in a race condition in the else if (!isScrolledAtEnd || isAutoScrollInProgress) condition, but I couldn't think of a satisfactory fix.

[mbohal]

I moved problem 1. into a dedicated issue, so we can close this as normal: #659