[SW] [WtC-M2] [SNL] Replace WiKit's Lookup component by Codex's
Open, Needs TriagePublic
Actions

Assigned To

None

Authored By

	Arian_Bozorg
	Jul 15 2024, 2:52 PM

Description

Problem

The Special:NewLexeme's user interface was composed using a combination of Vue 3 WiKit next elements, such as Lookup. The WiKit design system is now on its deprecation path, as it has been superseded by Codex, the official Wikimedia design system. The utilization of WiKit components is not recommended, and they should be replaced in order to reduce maintenance costs and ensure consistency.

Solution

We have to replace WiKit's Lookup component by the Codex equivalent: cdx-lookup (Link to demo). In order to preserve its validation behavior, Lookup needs to be wrapped within the Field component (see demo). Field also provides a label for the components it wraps.

The WiKit Lookup component is used by the following Special:NewLexeme components:

ItemLookup.vue (Reused by LanguageInput.vue and LexicalCategoryInput.vue)
SpellingVariantInput.vue

Acceptance criteria

The WiKit Lookup component used in the Special:NewLexeme is replaced by its Codex equivalent, Lookup + Field

Details

	Subject	Repo	Branch	Lines +/-
	Update Codex from v1.13.1 to v1.14.0	mediawiki/core	master	+574 -144
	Lookup: Add ARIA `role`` to no result Lookup item	design/codex	main	+19 -1

Customize query in gerrit

Related Objects
Search...

Status	Assigned	Task
Open	None	T327532 [EPIC] [WtC] Migrate WiKit-built products to Codex
Open	None	T327684 [WtC] [EPIC] Migrate Special:NewLexeme page to Codex
Open	None	T370051 [SW] [WtC-M2] [SNL] [EPIC] Replace legacy components by available Codex components
Open	None	T370057 [SW] [WtC-M2] [SNL] Replace WiKit's Lookup component by Codex's
Resolved	ArthurTaylor	T376024 Add missing aria role to "no results found" slot of Lookup component
Resolved	None	T379595 [WtC-M2] [SNL] Codex Lookup implementation of SpellingVariantInput drops input

Event Timeline

Arian_Bozorg created this task.Jul 15 2024, 2:52 PM

Arian_Bozorg mentioned this in T370051: [SW] [WtC-M2] [SNL] [EPIC] Replace legacy components by available Codex components.

Arian_Bozorg renamed this task from [WtC-M2] [SNL] Replace WiKit's Lookup component by Codex's to [SW] [WtC-M2] [SNL] Replace WiKit's Lookup component by Codex's.Jul 16 2024, 1:41 PM

Arian_Bozorg moved this task from Incoming to UX Backlog on the Wikidata Dev Team board.

• Sarai-WMDE updated the task description. (Show Details)Jul 16 2024, 6:04 PM

• Sarai-WMDE updated the task description. (Show Details)Jul 25 2024, 3:28 PM

• Sarai-WMDE updated the task description. (Show Details)Jul 25 2024, 4:06 PM

• Sarai-WMDE mentioned this in T369510: [SW] [WtC-M2] [SNL] Use Codex tokens and custom spacing variables in the Special:NewLexeme layout.Jul 25 2024, 5:49 PM

• Sarai-WMDE updated the task description. (Show Details)Jul 26 2024, 6:47 PM

• Sarai-WMDE updated the task description. (Show Details)

Arian_Bozorg moved this task from UX Backlog to Unified DOT Backlog on the Wikidata Dev Team board.Sep 10 2024, 9:07 AM

See T360138

ArthurTaylor claimed this task.Sep 20 2024, 9:06 AM

ArthurTaylor edited projects, added Wikidata Dev Team (Wikidata.org Slice); removed Wikidata Dev Team.

ArthurTaylor moved this task from In Task Breakdown to In Development on the Wikidata Dev Team (Wikidata.org Slice) board.

Hi, I noticed this moving and wanted to let you know about T362650: Lookup: address usability issues. That task might soonish result in minor changes to the behavior of Codex Lookups, though I cannot say whether those changes will be relevant to this Special:NewLexeme usecase.

Change #1076719 had a related patch set uploaded (by Arthur taylor; author: Arthur taylor):

[design/codex@main] Add aria-role to empty lookup result item

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

gerritbot added a project: Patch-For-Review.Sep 30 2024, 11:38 AM

ArthurTaylor removed ArthurTaylor as the assignee of this task.Oct 2 2024, 10:45 AM

ArthurTaylor moved this task from In Development to Ready for Peer Review on the Wikidata Dev Team (Wikidata.org Slice) board.