To reproduce:
- Enable beta features in mobile web in the English Wikipedia.
- Go to https://en.m.wikipedia.org/wiki/Dada_Masiti (or any other article)
- Scroll down.
- Click "Categories".
- Click "Add to category".
- Click the search box. Type: `Categ`
Observe: "<strong>" and "</strong>" tags are visible in autocompletions.
{F29310507 size=full}
This doesn't happen if you type the category name without the "Category" namespace (this is another bug captured in [[ https://phabricator.wikimedia.org/T225556 | T225556 ]]). This happens on desktop and on mobile phone.
== Developer Notes
* CategoryLookupInputWidget [[ https://github.com/wikimedia/mediawiki-extensions-MobileFrontend/blob/6dfa85ecbd954309c1a30b31e47dee2bbdae6a4a/src/mobile.categories.overlays/CategoryLookupInputWidget.js#L93 | passes a string containing HTML ]] to OO.ui.MenuOptionWidget's label option and that gets escaped. The HTML in this string originates from [[ https://github.com/wikimedia/mediawiki-extensions-MobileFrontend/blob/6dfa85ecbd954309c1a30b31e47dee2bbdae6a4a/src/mobile.startup/search/SearchGateway.js#L78 | SearchGateway's _highlightSearchTerm method ]]. To immediately address the problem, we may want to pass `new OO.ui.HtmlSnippet( value.displayTitle )` instead of this plain string.
Acceptance Criteria
================
[] The "<strong>" tags should not be escaped. When present, the user should see the letters bolded instead.