Page MenuHomePhabricator

Popups should not use mediawiki.ui.checkbox, use Codex instead
Closed, ResolvedPublic2 Estimated Story Points

Description

Popups is using a deprecated module. Please update it per instructions.

In browser console:

This page is using the deprecated ResourceLoader module "mediawiki.ui.checkbox". Please use Codex. See migration guidelines: https://w.wiki/7TAh

We should heed its warning and get this fixed pronto.

QA

Make sure you are viewing a page as an anonymous user.
The checkbox appears in the settings menu that is opened by clicking the settings cog in a page preview.

QA Results - Beta

ACStatusDetails
1T348069#9288080 T348069#9297104

QA Results - Prod

ACStatusDetails
1T348069#9325231

Event Timeline

Jdlrobson set the point value for this task to 2.Oct 23 2023, 5:31 PM

Change 968742 had a related patch set uploaded (by Jdrewniak; author: Jdrewniak):

[mediawiki/extensions/Popups@master] Removing mw.ui.checkbox dependency

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

Change 968742 merged by jenkins-bot:

[mediawiki/extensions/Popups@master] Removing mw.ui.checkbox dependency

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

Edtadros subscribed.

Test Result - Beta

Status: ✅ PASS
Environment: beta
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device:NA

Test Artifact(s):

QA Steps

Make sure you are viewing a page as an anonymous user.
✅ AC1: The checkbox appears in the settings menu that is opened by clicking the settings cog in a page preview.

screenshot 170.png (1×1 px, 329 KB)

I had to revert this change - it's leading to a repaint on page load for anonymous users.

image.png (900×1 px, 156 KB)

From commit:
Unexpected visual change flagged by Pixel. We're now loading BOTH codex search and Codex styles on page load (the latter via JavaScript). This results in a visual regression in the sidebar as the message box for
languages switches from MediaWiki UI to Codex. I am not 100% sure what the right approach is here, but we should pause to assess given this new learning.

Possible options

  1. Add checkbox styles to codex-search bundle
  2. Load codex-styles on page load instead of codex-search
  3. Delay the loading of the codex-styles until the overlay is rendering
  4. Wait until Codex has code splitting.

Personally I would lean into 3 (we can call mw.loader.using before rendering the settings overlay) and create a ticket for the DST team to discuss on the longer term solution.

Change 969350 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/extensions/Popups@master] Removing mw.ui.checkbox dependency (take 2)

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

Change 969350 merged by jenkins-bot:

[mediawiki/extensions/Popups@master] Removing mw.ui.checkbox dependency (take 2)

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

Test Result - Beta

Status: ✅ PASS
Environment: beta
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device:NA

Test Artifact(s):

QA Steps

Make sure you are viewing a page as an anonymous user.
✅ AC1: The checkbox appears in the settings menu that is opened by clicking the settings cog in a page preview.

screenshot 193.png (1×1 px, 374 KB)

Personally I would lean into 3 (we can call mw.loader.using before rendering the settings overlay) and create a ticket for the DST team to discuss on the longer term solution.

Done in T350069.

Test Result - Prod

Status: ✅ PASS
Environment: enwiki
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device:NA

Test Artifact(s):

QA Steps

Make sure you are viewing a page as an anonymous user.
✅ AC1: The checkbox appears in the settings menu that is opened by clicking the settings cog in a page preview.

screenshot 213.png (1×1 px, 396 KB)