| Etonkovidova | |
| Jul 1 2020, 6:58 PM |
| F32189143: Screen Shot 2020-08-19 at 2.47.59 PM.png | |
| Aug 19 2020, 9:58 PM |
| F32189153: Screen Shot 2020-08-19 at 2.25.19 PM.png | |
| Aug 19 2020, 9:58 PM |
| F32189155: Screen Shot 2020-08-19 at 2.54.36 PM.png | |
| Aug 19 2020, 9:58 PM |
| F32189141: Screen Shot 2020-08-19 at 2.47.37 PM.png | |
| Aug 19 2020, 9:58 PM |
| F31913031: Screen Shot 2020-06-30 at 1.42.26 PM.png | |
| Jul 1 2020, 6:58 PM |
The text entered in the textbox is scrollable to accommodate long text. However, for a better user experience it might be good to consider different ways for displaying long text (an expandable text box, for example).
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Resolved | Tgr | T256002 Empty space in Ask your mentor dialogue | |||
| Resolved | Tgr | T256908 Homepage: Mentorship module text box should accommodate more text without scrolling |
FWIW auto-expansion was disabled intentionally in rEGREc765cc063b5e: Help Panel: Fix resizing of textarea as apparently it was accompanied by some quirky behavior.
Change 620772 had a related patch set uploaded (by Gergő Tisza; owner: Gergő Tisza):
[mediawiki/extensions/GrowthExperiments@master] Remove large space in homepage mentor dialog and increase question box
Change 620772 merged by jenkins-bot:
[mediawiki/extensions/GrowthExperiments@master] Remove large space in homepage mentor dialog and increase question box
Based on the comment, I am moving it for Design review to confirm the auto-expansion behavior
Straightforwardly, it works (checked in all browsers that I usually check) - the text can be accommodated - i.e. displayed in full or displayed with a vertical scroll bar. A user can adjust height/width according to their comfortable view.
 |  |
Some issues to review:
(1) The input text box can be resized without any text in it - and the * (for a required field) can be left outside of the area. Actually, the static position of the asterisk is problematic in the two screenshots above.
(2) I did not see any improvements on mobile. The overlay still has un-utilized white space:
Thanks @Etonkovidova - I think this is good to move to PM review - Marshall if you wanted to make the call on my minor suggestion below in response to issue (1).
Based on the comment, I am moving it for Design review to confirm the auto-expansion behavior
Straightforwardly, it works (checked in all browsers that I usually check) - the text can be accommodated - i.e. displayed in full or displayed with a vertical scroll bar. A user can adjust height/width according to their comfortable view.
Some issues to review:
(1) The input text box can be resized without any text in it - and the * (for a required field) can be left outside of the area. Actually, the static position of the asterisk is problematic in the two screenshots above.
The OOUI text-area input component allows the user to resize horizontally and vertically, which I think makes sense to give users who may wish to type something quite long into a text-area. This may be especially true for certain language scripts where characters take up more physical space.
However, given that in this particular instance the width is the maximum within the bounds of the dialog, one minor CSS addition we could do is add resize:vertical; so users can extend the size vertically only. This would ameliorate the issue with the fixed asterisk position too.
(2) I did not see any improvements on mobile. The overlay still has un-utilized white space:
I think this is OK. The height is now 6 lines so users can type more than previously, and if you imagine doing this with the keyboard popping up from the bottom it works well at this size.