Page MenuHomePhabricator

[MEX] M5 - Use multi-line text area for longer string values
Open, Needs TriagePublic

Assigned To
Authored By
Lucas_Werkmeister_WMDE
Jan 13 2026, 10:37 AM
Referenced Files
F71517812: image.png
Jan 13 2026, 10:37 AM
F71517810: image.png
Jan 13 2026, 10:37 AM
F71517808: image.png
Jan 13 2026, 10:37 AM
F71517787: Screen Shot 2026-01-13 at 11.30.23.png
Jan 13 2026, 10:37 AM

Description

The desktop UI has a quality-of-life feature to facilitate editing longer string values:

Sandbox-String statement being edited, with the value: This looks like a single-line <input>, but if you keep typing you’ll notice that it starts expanding into multiple lines; it’s actually a <textarea> with some JavaScript that automatically adjusts the height so you don’t have to scroll inside it. This makes it much easier to read and edit the full text contents, even if “proper” line breaks inside the content aren’t supported.

The mobile UI is missing this:
Sandbox String statement being edited, with the partial value: This is actually an <input>, so as it gets l… (continued) longer, you can't read the full value anym… (continued) anymore.

Event Timeline

Arian_Bozorg renamed this task from [MEX] Use multi-line text area for longer string values to [MEX] M5 - Use multi-line text area for longer string values.Jan 23 2026, 12:59 AM
Arian_Bozorg moved this task from Incoming to MEX Incoming column on the Wikidata-Omega board.

@Alice.moutinho what are your thoughts on this?

AFAICT a Codex TextArea with :autosize="true" and :rows="1" gets us most of the way there (in particular, Codex does the autosizing for us, yay), but:

  • It still shows up with a height of more than one row even when empty; we might have to update Codex to permit text areas that really look like text inputs until their value exceeds one line.
  • We’ll need to prevent line breaks in the input.

@Alice.moutinho could you create some designs for the desired behaviour?

Would we need to update codex to make this work for us, or is there a component that would work?