Page MenuHomePhabricator

Add link: context item should always be visible
Closed, ResolvedPublic

Description

as reported by @MMiller_WMF
When I advance to the next link, the window only scrolls so that the link is at the very bottom of the window, hiding the link inspector. It should scroll far enough to put the whole inspector comfortably inside the window.

viewport_addlink.gif (1,313×800 px, 2 MB)

A similar thing applies for tapping “back” on the suggestion. It would be nice if we gave it a more comfortable margin, rather than just putting the suggested link at the very top of the window. See gif below.

scrolling_back.gif (1,396×916 px, 3 MB)

Event Timeline

kostajh triaged this task as Medium priority.May 2 2021, 8:20 PM

The bottom offset was added along with the changes for T281496: Add a link: virtual keyboard covers the link inspector on mobile. I'll update the top offset so that when navigating back, the annotation appears a bit lower on the page.

Updated scroll behavior on desktop:

desktop_showAnnotationAndInspector.gif (1,960×1,694 px, 2 MB)

Updated scroll behavior on mobile:

mobile_showAnnotationAndInspector.gif (886×1,920 px, 835 KB)

Change 684506 had a related patch set uploaded (by MewOphaswongse; author: MewOphaswongse):

[mediawiki/extensions/GrowthExperiments@master] Add a link: update scroll offset

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

Change 684506 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Add a link: update scroll offset

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

Etonkovidova added a subscriber: RHo.

Moving to Design review. @RHo - I did not see any specific issues, so it's just for overall quick review. If you don't find any issues, you may mark the task as Resolved.

  • Desktop - does the additional "accommodating" scroll looks ok?

(click to see the animated gif)

next_item_scroll.gif (1,515×748 px, 1023 KB)

  • Mobile - all looks fine - the context item is always in the viewport and the scrolling is smooth.

Moving to Design review. @RHo - I did not see any specific issues, so it's just for overall quick review. If you don't find any issues, you may mark the task as Resolved.

  • Desktop - does the additional "accommodating" scroll looks ok?

(click to see the animated gif)

next_item_scroll.gif (1,515×748 px, 1023 KB)

  • Mobile - all looks fine - the context item is always in the viewport and the scrolling is smooth.

Thanks @Etonkovidova - I am not seeing any scrolling motion for either desktop or mobile (see gifs attached below), but this should be taken care of in T278486.

Lack of scrolling animation (CS Beta) on Mobile

lack of scrolling animation to context mobile.mov.gif (816×1,452 px, 1 MB)