Page MenuHomePhabricator

Revise Tone: scrolling on mobile
Open, HighPublicBUG REPORT

Description

Steps to replicate the issue (include links if applicable):

  • On a mobile device
  • Open the Homepage (and ensure you are opted into the Revise Tone task)
  • Navigate to a Revise Tone task

What happens?:

  • Notice that you often don't automatically get scrolled down to have the edit check actually in view.

Example: https://share.cleanshot.com/9L1BklKJ

What should have happened instead?:

  • The Edit Check card should display by default AND the paragraph with the Edit Check present should be visible on screen.

Possibly related bug: T411367: Page scrolls to the very top on a small scroll up gesture

Event Timeline

KStoller-WMF moved this task from Inbox to Needs Prioritization on the Growth-Team board.

Testing enwiki wmf.13 - actually, I could not find any examples of correct scrolling on mobile. Even when a highlighted section is close to the top of an article page, the scrolling didn't happen. I checked with different mobile options - Advanced mode, Expand all sections and even parsoid version, all those do not have any effect on scrolling. Firefox displays the following message in the Console: This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://firefox-source-docs.mozilla.org/performance/scroll-linked_effects.html for further details.

The desktop does provide correct scrolling for the cases when the highlighted section is close to the top of an article. In many other cases there is a quite confusing animation when a page loads, a warning popup appears, the quiz appears, then clicking on Help->Revise Tone will finally brings the highlighted section. The example below is for Nigel_Lockye, found with Physics filter (there are only 52 results, doesn't take long to find).

revise_tone animation.gif (887×1 px, 2 MB)

For testing purposes, which platform were you using? (iOS and Android have some fairly different behaviors here.)

Change #1237213 had a related patch set uploaded (by Michael Große; author: Michael Große):

[mediawiki/extensions/GrowthExperiments@master] tests(ReviseTone): assert scrolling works on mobile and card stays visible

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

Change #1237351 had a related patch set uploaded (by DLynch; author: DLynch):

[VisualEditor/VisualEditor@master] ui.Surface: don't automatically scroll in adjustVisiblePadding

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

At a minimum, the Editing Team will allocated a fixed amount of time to investigating the potential causes of this issue as part of #editing-16-27-feb.

The above, of course, assumes the patches @DLynch and @Michael wrote haven't already fixed this issue by then. [i][ii]


i. https://gerrit.wikimedia.org/r/1237213
ii. https://gerrit.wikimedia.org/r/1237351

Change #1237351 merged by jenkins-bot:

[VisualEditor/VisualEditor@master] ui.Surface: don't automatically scroll in adjustVisiblePadding

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

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

[mediawiki/extensions/VisualEditor@master] Update VE core submodule to master (b1b8c784c)

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

Change #1237970 merged by jenkins-bot:

[mediawiki/extensions/VisualEditor@master] Update VE core submodule to master (b1b8c784c)

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

Change #1239259 had a related patch set uploaded (by DLynch; author: DLynch):

[mediawiki/extensions/VisualEditor@master] Edit check controller: make sure ensure-shown action is scrolled into view

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

Change #1239273 had a related patch set uploaded (by DLynch; author: DLynch):

[mediawiki/extensions/GrowthExperiments@master] ReviseToneInitializer: select the action before ensuring it's shown

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

Change #1239259 merged by jenkins-bot:

[mediawiki/extensions/VisualEditor@master] Edit check controller: make sure ensure-shown action is scrolled into view

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

Change #1239273 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] ReviseToneInitializer: select the action before ensuring it's shown

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