Page MenuHomePhabricator
Create Task
Maniphest T289088

[minor-mobile] SE module UI issues on iPhone
Closed, ResolvedPublic
Actions

Assigned To
Etonkovidova
Authored By
Etonkovidova
Aug 17 2021, 9:43 PM
Tags
Referenced Files
F34599740: image.png
Aug 18 2021, 10:04 AM
F34598672: IMG_0255.PNG
Aug 17 2021, 9:43 PM
F34598674: IMG_0253.PNG
Aug 17 2021, 9:43 PM
F34598676: wobbly_SE4.gif
Aug 17 2021, 9:43 PM
F34598670: IMG_0254.PNG
Aug 17 2021, 9:43 PM
Subscribers
Aklapper
Etonkovidova
kostajh
• mewoph
MMiller_WMF
RHo
Tgr

Description

(1) On a real device (not reproducible in browser emulators) - iPHone 6s (375 x 667) to view the task description some vertical scrolling is needed:
As a result of vertical scrolling, the navigation by arrows makes a SE card floating , not fixed at one position.
(click on the an animated gif).

wobbly_SE4.gif (980×583 px, 2 MB)

(2) On SE module, the bottom tool bar is always present:

IMG_0253.PNG (1×640 px, 111 KB)

(CORRECT behavior) The bottom toolbar usually disappears on scrolling

the toolbar is presentthe toolbar disappears when the article is scrolled
IMG_0254.PNG (1×640 px, 203 KB)
IMG_0255.PNG (1×640 px, 140 KB)

Related Objects

Event Timeline

Etonkovidova created this task.Aug 17 2021, 9:43 PM
Restricted Application added a project: Growth-Team. · View Herald TranscriptAug 17 2021, 9:43 PM
Restricted Application added a subscriber: Aklapper. · View Herald Transcript
Etonkovidova mentioned this in T288842: Suggested Edits: Topic & difficulty filters should be fixed along with header (mobile).Aug 17 2021, 9:48 PM
kostajh moved this task from Inbox to Needs Discussion on the Growth-Team board.Aug 18 2021, 7:16 AM

@RHo could you please let us know how you'd like these issues to be prioritized?

RHo added a comment.Aug 18 2021, 10:04 AM

hi @kostajh and cc @MMiller_WMF - I'd like to propose breaking this into 2 tasks:

  • The first issue is not only on iPhone but all smaller devices where there is scrolling on the card so would prioritise this as High. I think it would be better if for layouts where the screen height results in scrolling, for the bottom edit bar to not be shown and to move the arrows back to left and right of the card:
Fallback for when device height overflows
image.png (1×728 px, 260 KB)
  • For the second issue where the browser bottom bar is not hiding on iOS, I'd prioritise as low, or no need to fix assuming the first issue is resolved.
Etonkovidova renamed this task from [minor-mobile] SE modules UI issues on iPhone to [minor-mobile] SE module UI issues on iPhone.Aug 18 2021, 4:31 PM
Etonkovidova mentioned this in T268708: Add a link: mobile navigation in suggested edits module.Aug 19 2021, 7:37 PM
Etonkovidova closed this task as Resolved.Sep 30 2021, 9:52 PM
Etonkovidova claimed this task.

Re-checked on testwiki wmf.2 - both issues are much less prominent due to some fixes to UI.

(1) The vertical scrolling is possible but the swiping action is unaffected.

(2) The bottom bar is not present on iOS (when a user scrolls a page); on Android the bottom bar gets minimized. The user experience is much better now.

Closing as Resolved.

Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL