Description

Background

Based off the designs in https://phabricator.wikimedia.org/T392119, we want to update the Codex TAHS component to include a clear search button, and remove the search icon on small view ports.

User story

As a mobile user I want the search experience to be easily used via touch and keyboard.

Requirements

The Codex TAHS component should have an option to add a "clear search" button that appears on small viewports for mobile usage
That option should also hide the search icon on small viewports to save screen space
Codex is released with this addition, with documentation and testing
Clear search button has a label

Design

https://phabricator.wikimedia.org/T392119#10748950

Acceptance criteria

New mobile option can be seen on the Codex documentation site

Communication criteria - does this need an announcement or discussion?

Details

Related Changes in Gerrit:

Subject	Repo	Branch	Lines +/-
Enable new mobile search experience everywhere (not including empty search recommendations)	operations/mediawiki-config	master	+1 -6
Uses isMobileView prop for TAHS on mobile viewports.	mediawiki/core	master	+2 -1
Update Codex from v2.0.0 to v2.1.0	mediawiki/core	master	+2 K -1 K
TypeaheadSearch: Add support for mobile view TypeaheadSearch	design/codex	main	+27 -3
Add cdx-search-input-clear-button-label locale	mediawiki/core	master	+2 -0

Customize query in gerrit

Related Objects

Mentioned In: T396664: Verify 1.45.0-wmf.6 deployment
T396250: Deploy remaining Patroller Tools surveys
Mentioned Here: T396250: Deploy remaining Patroller Tools surveys
T392119: [DESIGN] Design mobile view of Typeahead Search

Event Timeline

bwang created this task.May 12 2025, 5:34 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMay 12 2025, 5:34 PM

bwang triaged this task as High priority.May 12 2025, 5:36 PM

bwang moved this task from Backlog to Prepare Typeahead Search for use in Minerva on the Readers Essential Work 2025 (Use the same search UI in mobile and desktop) board.May 12 2025, 5:38 PM

bwang moved this task from Incoming to Sprint Backlog on the Web-Team board.

bwang updated the task description. (Show Details)May 12 2025, 5:52 PM

Volker_E moved this task from Backlog to Proposed Component Updates on the Codex board.May 13 2025, 5:26 PM

Jdlrobson-WMF changed the task status from Open to In Progress.May 15 2025, 3:47 PM

Jdlrobson-WMF assigned this task to bwang.

Jdlrobson-WMF moved this task from Sprint Backlog to Q4 on the Web-Team board.

CCiufo-WMF moved this task from Inbox to Following on the Design-System-Team board.May 15 2025, 8:40 PM

bwang moved this task from Q4 to Sprint Backlog on the Web-Team board.May 19 2025, 5:24 PM

Jdlrobson-WMF moved this task from Sprint Backlog to Q4 on the Web-Team board.May 19 2025, 5:34 PM

bwang set the point value for this task to 3.May 19 2025, 5:34 PM

bwang moved this task from Q4 to Sprint Backlog on the Web-Team board.

Jdlrobson-WMF changed the task status from In Progress to Open.May 20 2025, 6:22 PM

KSarabia-WMF moved this task from Sprint Backlog to Q4 Sprint 4 (May 21 2025 - 4 June) on the Web-Team board.May 21 2025, 5:37 PM

KSarabia-WMF edited projects, added Web-Team (Q4 Sprint 4 (May 21 2025 - 4 June)); removed Web-Team.

Jdlrobson-WMF added a project: FY2024-25 KR 3.1 Content Discovery.May 21 2025, 5:50 PM

Change #1148969 had a related patch set uploaded (by Eric Gardner; author: Eric Gardner):

[mediawiki/core@master] Update Codex from v2.0.0-rc.1 to v2.0.0-rc.2

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

gerritbot added a project: Patch-For-Review.May 21 2025, 9:47 PM

Jdlrobson-WMF removed bwang as the assignee of this task.May 22 2025, 3:31 PM

bwang claimed this task.May 22 2025, 5:53 PM

bwang moved this task from Ready for development to In progress on the Web-Team (Q4 Sprint 4 (May 21 2025 - 4 June)) board.

Change #1149470 had a related patch set uploaded (by Bernard Wang; author: Bernard Wang):

[design/codex@main] Add support for clear button in SearchInput and mobile TypeaheadSearch

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

Change #1149472 had a related patch set uploaded (by Bernard Wang; author: Bernard Wang):

[mediawiki/core@master] Add cdx-search-input-clear-button-label locale

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

Change #1149472 abandoned by Bernard Wang:

[mediawiki/core@master] Add cdx-search-input-clear-button-label locale

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

bwang merged a task: T380326: Add icon button to Typeahead Search to clear search suggestions.May 30 2025, 2:54 PM

bwang added subscribers: CCiufo-WMF, SToyofuku-WMF.

CCiufo-WMF moved this task from Proposed Component Updates to Backlog on the Codex board.May 30 2025, 6:51 PM

CCiufo-WMF moved this task from Backlog to Code Review on the Codex board.May 30 2025, 7:21 PM

Jdlrobson-WMF moved this task from In progress to Sign-off on the Web-Team (Q4 Sprint 4 (May 21 2025 - 4 June)) board.Jun 2 2025, 6:02 PM

Change #1149470 merged by jenkins-bot:

[design/codex@main] TypeaheadSearch: Add support for mobile view TypeaheadSearch

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

bwang moved this task from Backlog to Recommendations - search on the FY2024-25 KR 3.1 Content Discovery board.Jun 3 2025, 6:27 PM

@bwang will create a ticket for QA.

Change #1155734 had a related patch set uploaded (by Bernard Wang; author: Bernard Wang):

[mediawiki/core@master] Update Codex from v2.0.0 to v2.1.0

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

Test wiki created on Patch demo by BWang (WMF) using patch(es) linked to this task:
https://patchdemo.wmcloud.org/wikis/25f905bb47/w/

Change #1155734 merged by jenkins-bot:

[mediawiki/core@master] Update Codex from v2.0.0 to v2.1.0

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

Change #1154306 had a related patch set uploaded (by Bernard Wang; author: Bernard Wang):

[mediawiki/core@master] Uses isMobileView prop for TAHS on mobile viewports.

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

Change #1154306 merged by jenkins-bot:

[mediawiki/core@master] Uses isMobileView prop for TAHS on mobile viewports.

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

ReleaseTaggerBot added a project: MW-1.45-notes (1.45.0-wmf.6; 2025-06-17).Jun 16 2025, 6:00 PM

Change #1159542 had a related patch set uploaded (by Kimberly Sarabia; author: Bernard Wang):

[operations/mediawiki-config@master] Enable new mobile search experience everywhere (not including empty search recommendations)

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

Change #1159542 merged by jenkins-bot:

[operations/mediawiki-config@master] Enable new mobile search experience everywhere (not including empty search recommendations)

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

Mentioned in SAL (#wikimedia-operations) [2025-06-17T20:36:04Z] <jsn@deploy1003> Started scap sync-world: Backport for [[gerrit:1159542|Enable new mobile search experience everywhere (not including empty search recommendations) (T393944)]], [[gerrit:1160206|undeploy enwiki Patroller Tools surveys (T396250)]]

Stashbot mentioned this in T396250: Deploy remaining Patroller Tools surveys.Jun 17 2025, 8:36 PM

Mentioned in SAL (#wikimedia-operations) [2025-06-17T20:38:17Z] <jsn@deploy1003> bwang, jsn: Backport for [[gerrit:1159542|Enable new mobile search experience everywhere (not including empty search recommendations) (T393944)]], [[gerrit:1160206|undeploy enwiki Patroller Tools surveys (T396250)]] synced to the testservers (see https://wikitech.wikimedia.org/wiki/Mwdebug). Changes can now be verified there.

Mentioned in SAL (#wikimedia-operations) [2025-06-17T20:47:29Z] <jsn@deploy1003> Finished scap sync-world: Backport for [[gerrit:1159542|Enable new mobile search experience everywhere (not including empty search recommendations) (T393944)]], [[gerrit:1160206|undeploy enwiki Patroller Tools surveys (T396250)]] (duration: 11m 25s)

Edtadros mentioned this in T396664: Verify 1.45.0-wmf.6 deployment.Jun 18 2025, 5:11 PM

Test wiki on Patch demo by BWang (WMF) using patch(es) linked to this task was deleted:

~~https://patchdemo.wmcloud.org//wikis/25f905bb47/w/~~

Implement mobile updates to Codex TAHSClosed, ResolvedPublic3 Estimated Story PointsActions