Forum Discussion

DeveloperIgniti's avatar
DeveloperIgniti
Community Member
1 month ago

Clients don't like how the "Process" slider causes window position to "jump around".

Hi,

We have now had two clients comment they don't like the side-effect behaviour of the "Process" slider.

They describe it as "jumpy".

I believe what they are referring to is:

  1. The forced-window-scroll that sometimes happens after clicking the Next / Previous slide buttons if the slider isn't fully centred in the browser window - i.e. the browser window sometimes automatically scrolls up or down to try to position the slider in the centre of the window.
  2. Any height difference in the content within the sliders causes...
    1. ...the Next / Previous buttons to move up or down to remain centred, and sometimes move outside the range of the mouse cursor.
    2. ...the height of the parent container to change, which has a knock-on effect with all other content below it, and can cause the window position to spontaneously and quickly move

All of the above is arguably an accessibility issue, too.

Some improvements I suggest:

  • The active clickable areas of the Next / Previous slider buttons should be larger (taller, at the very least) than the relatively small circles they currently are.
  • The height of the slider parent container should be fixed, based on the height of the tallest slide in the series.

Many thanks in advance.

rise 360

1 Reply

  • EricSantos's avatar
    EricSantos
    Staff
    29 days ago

    Hi DeveloperIgniti, thanks for laying this out so clearly, and for separating the two behaviors, the page scrolling to re-center the slider and the layout shifting when step content differs in height. That detail is really helpful, and it makes sense why your clients would call it jumpy when the buttons move out from under the cursor.

    Your two suggestions, larger clickable areas for Next and Previous and a container height that stays fixed to the tallest step, both point to the same need, keeping the block steady so learners don’t lose their place. I can also see why you’d raise accessibility, since a stable layout and an easy to hit target matter for a lot of learners.

    I don’t have an update to share on changes to how the Process block behaves, but this is feedback we’ve heard before too, and it’s one we’re continuing to track.