Page MenuHomePhabricator

Slow down "View suggestions" animation
Open, HighPublic

Description

This task involves the work of investigating what (if anything) can be done to ensure that whenever/wherever people tap a View suggestions button, the resulting scroll happens at a pace that feels:

  1. Fast enough to feel responsive
  2. Slow enough for people to maintain a sense of where they're being taken to in relation to where they were before

Reproduction steps

Meta

  • Device: iPhone 14 Pro
  • Browser: Chrome
  • OS: iOS 26

UX

  1. On mobile, tap the top-most edit button ✏️ in an article where ≥1 suggestion is available outside of the initial viewport
  2. Notice a View suggestion button appears
  3. tap the View suggestion button

Actual

  1. Notice you immediately scrolled to the suggestion to the point that you become unclear about where you are in relation to where you just were: https://youtube.com/shorts/I3BoPNvEAnc

Expected

  1. Notice you are scrolled to the suggestion at a pace that feels:
    • Fast enough to feel responsive
    • Slow enough for people to maintain a sense of where they're being taken to in relation to where they were before

Event Timeline

Change #1287390 had a related patch set uploaded (by Esanders; author: Esanders):

[mediawiki/extensions/VisualEditor@master] EditCheck: Slow down scroll to action animations from button

https://gerrit.wikimedia.org/r/1287390

The above patch should work but required changing core VE functionality around scrollSelectionIntoView from always interrupting an animation, to always queueing animations. Due to the change to VE core it's a slightly risky change so we'll need to keep an eye out on scrolling issues.

The above patch should work but required changing core VE functionality around scrollSelectionIntoView from always interrupting an animation, to always queueing animations. Due to the change to VE core it's a slightly risky change so we'll need to keep an eye out on scrolling issues.

@Esanders: Noted. Once code review is complete, could you please move this to Editing QA and move it to the High Priority column?

Change #1287390 merged by jenkins-bot:

[mediawiki/extensions/VisualEditor@master] EditCheck: Slow down scroll to action animations from button

https://gerrit.wikimedia.org/r/1287390

Esanders renamed this task from [SPIKE] Investigate feasibility of slowing down "View suggestions" animation to Slow down "View suggestions" animation.Tue, Jun 9, 10:14 AM
Esanders added a project: Editing QA.