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 (800×1 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 (916×1 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×1 px, 2 MB)

Updated scroll behavior on mobile:

mobile_showAnnotationAndInspector.gif (1×886 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 (748×1 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 (748×1 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 (1×816 px, 1 MB)