Page MenuHomePhabricator

[M] Reduce jumping of content in mobile preview animation
Closed, ResolvedPublic

Description

Problem:
Currently when the preview for the bottom most result is opened it slides the result to the top. It happens when the preview to be opened may go below the fold. It causes a lot of visual movement on screen and can be disorienting for the user.

See the opening of third result in this video.
https://drive.google.com/file/d/1Z-YPWhikxwFvjvhrfAaUmUjWt0kl0vqj/view

Fix:
Do not slide the result to the top. The only scenario in which the result should be sliding up is if the preview for one of the results above it is open. Otherwise maintain the position of the result. It is okay if the users have to slide up to view the preview. It less likely for the preview to be entirely below the fold.

Event Timeline

CBogen renamed this task from Reduce jumping of content in mobile preview animation to [M] Reduce jumping of content in mobile preview animation.Jan 11 2023, 5:28 PM

Change 881402 had a related patch set uploaded (by Simone Cuomo; author: Simone Cuomo):

[mediawiki/extensions/SearchVue@master] Reduce jumping of content in mobile preview animation

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

Change 881402 merged by jenkins-bot:

[mediawiki/extensions/SearchVue@master] Reduce jumping of content in mobile preview animation

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

Etonkovidova subscribed.

Works as expected in betalabs - moving to Verify on Production for a quick check after deployment.