Page MenuHomePhabricator

Suggestions in new Vector search form should wrap long words
Open, HighPublic2 Estimated Story Points

Description

I noticed that in the dropdown searchform-suggestions in the new Vector, long page names will overflow and remain hidden (see screenshot). This could easily be avoided by adding word-break: break-word; to it, as Minerva does with all text areas on small screens. Since the search bar and the dropdown can appear rather small when placed between the logo and the user menu, this area should definitely wrap the words. With hidden overflow, the suggestions are less useful, as people need to guess the missing word parts.

Event Timeline

ovasileva raised the priority of this task from Medium to High.Tue, Apr 27, 5:21 PM
Jdlrobson added a subscriber: Jdlrobson.

Fix will need to be done inside wvui (and subject to a wvui release.
The proposed suggestion of copying across Minerva's handling (word-wrap: break-word; word-break: break-word;) makes sense to me here.

Change 683588 had a related patch set uploaded (by VolkerE; author: VolkerE):

[wvui@master] [typeahead-search][typeahead-suggestion] Wrap overlong words in title and footer

https://gerrit.wikimedia.org/r/683588

@Volker_E could you add some screenshots or a demo link for this?

Change 683588 merged by jenkins-bot:

[wvui@master] [typeahead-search][typeahead-suggestion] Wrap overlong words in title and footer

https://gerrit.wikimedia.org/r/683588