Page MenuHomePhabricator

[QA - task] wikifunction mobile UI issues
Closed, ResolvedPublic

Description

All examples are from the following page: https://m.wikifunctions.beta.wmflabs.org/wiki/Z802

Steps to get the Error area displayed:

(1) The down-point arrows are not clickable, i.e. when the arrow is clicked, the drop-down menu doesn't appear.

Screen Shot 2023-03-02 at 9.56.10 AM.png (622×832 px, 86 KB)

When the text area is clicked, the drop down menu is displayed.

(2) The options in drop-down menu are not left-aligned:

Screen Shot 2023-03-02 at 8.53.36 AM.png (852×1 px, 119 KB)

(3) The message requires horizontal scrolling:

Screen Shot 2023-03-02 at 8.54.43 AM.png (602×1 px, 79 KB)

Filed as T331162 (4) Metadata popup has buttons placed too close to each other - on mobile it might be difficult to click on one of the buttons.

Screen Shot 2023-03-02 at 8.54.51 AM.png (792×1 px, 147 KB)

(5) For mobile screens with width < 390px, the text box overflows the Error area (<div class="ext-wikilambda-zresponseenvelope__error")

Screen Shot 2023-03-02 at 1.28.05 PM.png (916×794 px, 96 KB)
Screen Shot 2023-03-02 at 9.46.59 AM.png (816×718 px, 84 KB)

Event Timeline

Etonkovidova claimed this task.

Thanks @AAlhazwani-WMF for reviewing it!
(per our slack conversation) (4) Metadata popup has buttons placed too close to each other is filed as T331162.

Other issues should be addressed in T317556.