This task is about updating the username suggestion list to make it clear to people that typing @ + character(s) within the Reply tool's visual mode will filter the username suggestion list.
Background
In the usability tests we ran (T246191) of Reply v2.0, several people reported: a) the tool's username lookup functionality to be highly valuable and b) said functionality not being obvious. [i][ii]
Implementation details
- In the Reply tool's visual mode, when someone types @ or clicks the "👤" icon within the toolbar, people will see the username suggestion list appear with the 👤Find user heading atop it
- If other people have commented in the section, the username of the other comments' authors should be presented beneath the 👤Find user heading
- ⚠️ Let's see how this looks once implemented. I wonder whether it may make more sense to not now the heading in this case.
- If other people have NOT commented in the section, simply the 👤Find user heading should appear with no username beneath it
- If other people have commented in the section, the username of the other comments' authors should be presented beneath the 👤Find user heading
- When someone types a character after @, those characters should appear within the 👤Find user heading.
- If there are registered username(s) that match the characters the user has typed, said username should be > presented beneath the 👤Find user heading.
If there are NOT registered username(s) that match the characters the user has typed, no results should be beneath the 👤Find user heading.This case will be addressed in this ticket: T258460
Tweaks
- Within the username suggestion list, the text (read: the user's input) that appears after Find user: should be a lighter shade of gray than the Find user: text.
- Make username suggestion list 50-100% wider
Done
- Functionality should work in the ways described in the "Implementation details" section
- All "Tweaks" are implemented
i. "I had to guess typing more of the intended name will eventually offer that name. This is the best functionality imo, but some hint that this functionality exists might be helpful." via @Demian: https://www.mediawiki.org/wiki/Topic:Vmtco3nu7vnfmobq
ii. "It wasn't immediately obvious to me that I could keep typing after the @ to filter the list. But once I discovered that, it was easy to use and felt responsive (though the latter can be hard to judge on a small test page)." via @Pelagic: https://www.mediawiki.org/w/index.php?title=Topic:Vju7lfcav875rt8r&topic_showPostId=vkpxssh1ty6lue6t#flow-post-vkpxssh1ty6lue6t