Page MenuHomePhabricator
Create Task
Maniphest T413258

CX: Two translate buttons are displayed in "Compare contents" step
Open, In Progress, LowPublic2 Estimated Story PointsBUG REPORT
Actions

Assigned To
ngkountas
Authored By
ngkountas
Dec 19 2025, 6:35 PM
Tags
Referenced Files
F71823205: 2026-02-11_10-48-42.mp4
Wed, Feb 11, 6:50 PM
F71591243: 2026-01-22_09-30-28.mp4
Thu, Jan 22, 5:36 PM
F71591222: 2026-01-22_09-24-41.mp4
Thu, Jan 22, 5:36 PM
F71591219: 2026-01-22_09-23-48.mp4
Thu, Jan 22, 5:36 PM
F71591215: 2026-01-22_08-56-07.mp4
Thu, Jan 22, 5:36 PM
F71099941: bn.wikipedia.org_w_index.php_title=%E0%A6%AC%E0%A6%BF%E0%A6%B6%E0%A7%87%E0%A6%B7_%E0%A6%AC%E0%A6%BF%E0%A6%B7%E0%A6%AF%E0%A6%BC%E0%A6%AC%E0%A6%B8%E0%A7%8D%E0%A6%A4%E0%A7%81_%E0%A6%85%E0%A6%A8%E0%A7%81%E0%A6%AC%E0%A6%BE%E0%A6%A6&active-list=s.png
Dec 19 2025, 6:35 PM
File Not Attached
Subscribers
Aklapper
GMikesell-WMF
ngkountas

Description

Steps to replicate the issue (include links if applicable):

  1. Switch to mobile mode (dev tools) and select a tablet screen.
  2. From the unified dashboard select an article to expand by translating a new section.
  3. Pick a section to translate and proceed to the "Compare contents" step

What happens?:
Two "Translate" buttons are displayed (one with "Translate this section" and one with "Translate" label).

What should have happened instead?:
The second one ("Translate") should not be displayed, until the user scrolls to the content header.

Screenshot from bn production wiki:

bn.wikipedia.org_w_index.php_title=%E0%A6%AC%E0%A6%BF%E0%A6%B6%E0%A7%87%E0%A6%B7_%E0%A6%AC%E0%A6%BF%E0%A6%B7%E0%A6%AF%E0%A6%BC%E0%A6%AC%E0%A6%B8%E0%A7%8D%E0%A6%A4%E0%A7%81_%E0%A6%85%E0%A6%A8%E0%A7%81%E0%A6%AC%E0%A6%BE%E0%A6%A6&active-list=s.png (1×768 px, 241 KB)

Derived Requirement

Ensure that in the "Compare contents" step of translating a section, only one 'Translate' button is visible initially. The second 'Translate' button should appear only when the user scrolls to the content header.

Test Result - Beta|Prod

Status: ✅ PASS / ❓ Need More Info / ❌ FAIL
Environment: beta/bnwiki
OS: macOS Tahoe 26.2
Browser: Chrome 143
Device: MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 1: Ensure only one 'Translate' button is visible initially in "Compare contents" step

  1. Open Wikipedia in desktop Chrome.
  2. Switch to mobile view using Dev Tools and select a tablet screen size.
  3. Navigate to the Unified Dashboard.
  4. Select an article and choose to translate a new section.
  5. Proceed to the "Compare contents" step.
  6. ✅❓❌⬜ AC1: Only one 'Translate' button ('Translate this section') is visible initially; the second 'Translate' button is not displayed.

Test Case 2: Ensure second 'Translate' button appears after scrolling to content header

  1. From the "Compare contents" step, scroll down to the content header.
  2. ✅❓❌⬜ AC2: The second 'Translate' button becomes visible once the user scrolls to the content header.

QA Results - TestWiki

ACStatusDetails
1✅T413258#11546296
2✅T413258#11608762

Details

Other Assignee
GMikesell-WMF
Related Changes in Gerrit:
SubjectRepoBranchLines +/-
CX3 Build 1.0.0+20260112mediawiki/extensions/ContentTranslationmaster+4 K -3 K
CX compare contents: Fix intersection observer for mobilemediawiki/extensions/ContentTranslationmaster+1 -0
CX3 Build 1.0.0+20260112mediawiki/extensions/ContentTranslationmaster+3 K -3 K
Redirect to desktop editor: Include target title URL param if availablemediawiki/extensions/ContentTranslationmaster+6 -2
Compare contents: Always hide secondary "Translate" button on route loadmediawiki/extensions/ContentTranslationmaster+16 -4
Customize query in gerrit

Related Objects

Event Timeline

ngkountas created this task.Dec 19 2025, 6:35 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptDec 19 2025, 6:35 PM
ngkountas changed the task status from Open to In Progress.Dec 19 2025, 6:36 PM
ngkountas triaged this task as Low priority.
ngkountas moved this task from Incoming to In-progress on the LPL Hypothesis board.
ngkountas set the point value for this task to 2.
ngkountas claimed this task.Dec 19 2025, 7:00 PM
ngkountas moved this task from In-progress to Needs Code Review on the LPL Hypothesis board.
gerritbot added a comment.Dec 19 2025, 11:06 PM

Change #1219958 had a related patch set uploaded (by Nik Gkountas; author: Nik Gkountas):

[mediawiki/extensions/ContentTranslation@master] Compare contents: Always hide secondary "Translate" button on route load

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

gerritbot added a project: Patch-For-Review.Dec 19 2025, 11:06 PM
ngkountas mentioned this in T388503: Section Translation: Support expanding the existing section if it already exists.Dec 19 2025, 11:08 PM
gerritbot added a comment.Jan 7 2026, 4:47 PM

Change #1219958 merged by jenkins-bot:

[mediawiki/extensions/ContentTranslation@master] Compare contents: Always hide secondary "Translate" button on route load

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

SBisson moved this task from Needs Code Review to Pending deployment on the LPL Hypothesis board.Jan 7 2026, 5:02 PM
Maintenance_bot removed a project: Patch-For-Review.Jan 7 2026, 5:31 PM
Nikerabbit moved this task from Needs Triage to Dashboard on the ContentTranslation board.Jan 8 2026, 8:18 AM
Nikerabbit added a project: LPL Projects (Other).Jan 8 2026, 4:11 PM
gerritbot added a comment.Jan 8 2026, 7:24 PM

Change #1224783 had a related patch set uploaded (by Nik Gkountas; author: Nik Gkountas):

[mediawiki/extensions/ContentTranslation@master] Redirect to desktop editor: Include target title URL param if available

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

gerritbot added a project: Patch-For-Review.Jan 8 2026, 7:24 PM
gerritbot added a comment.Jan 9 2026, 3:48 PM

Change #1224783 merged by jenkins-bot:

[mediawiki/extensions/ContentTranslation@master] Redirect to desktop editor: Include target title URL param if available

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

Maintenance_bot removed a project: Patch-For-Review.Jan 9 2026, 4:31 PM
gerritbot added a comment.Jan 12 2026, 3:40 PM

Change #1225595 had a related patch set uploaded (by Nik Gkountas; author: Nik Gkountas):

[mediawiki/extensions/ContentTranslation@master] CX3 Build 1.0.0+20260112

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

gerritbot added a project: Patch-For-Review.Jan 12 2026, 3:40 PM
gerritbot added a comment.Jan 12 2026, 5:13 PM

Change #1225595 merged by jenkins-bot:

[mediawiki/extensions/ContentTranslation@master] CX3 Build 1.0.0+20260112

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

Maintenance_bot removed a project: Patch-For-Review.Jan 12 2026, 5:31 PM
ngkountas moved this task from Pending deployment to Needs QA on the LPL Hypothesis board.Thu, Jan 15, 11:00 AM
GMikesell-WMF updated the task description. (Show Details)Wed, Jan 21, 11:19 PM
GMikesell-WMF updated Other Assignee, added: GMikesell-WMF.
GMikesell-WMF updated the task description. (Show Details)Thu, Jan 22, 4:55 PM
GMikesell-WMF subscribed.Thu, Jan 22, 5:36 PM

@ngkountas Please review AC2, thanks!

Test Result - Test Wiki

Status: ✅ PASS / ❌ FAIL
Environment: Test Wiki
OS: macOS Tahoe 26.2
Browser: Chrome 143
Device: MBA
Emulated Device: iPhone 14 pro max, iPad Mini

Test Artifact(s):

Test Steps

Test Case 1: Ensure only one 'Translate' button is visible initially in "Compare contents" step

  1. Open Wikipedia in desktop Chrome.
  2. Switch to mobile view using Dev Tools and select a tablet screen size.
  3. Navigate to the Unified Dashboard.
  4. Select an article and choose to translate a new section.
  5. Proceed to the "Compare contents" step.
  6. ✅ AC1: Only one 'Translate' button ('Translate this section') is visible initially; the second 'Translate' button is not displayed.
DesktopMobileMobile- NominationiPad Mini

Test Case 2: Ensure second 'Translate' button appears after scrolling to content header

  1. From the "Compare contents" step, scroll down to the content header.
  2. ❌ AC2: The second 'Translate' button becomes visible once the user scrolls to the content header.

Translate does not appear when you scroll on mobile as it does on Desktop and Tablet
See AC1

GMikesell-WMF updated the task description. (Show Details)Thu, Jan 22, 5:37 PM
GMikesell-WMF moved this task from Needs QA to In-progress on the LPL Hypothesis board.
gerritbot added a comment.Mon, Jan 26, 1:31 PM

Change #1233185 had a related patch set uploaded (by Nik Gkountas; author: Nik Gkountas):

[mediawiki/extensions/ContentTranslation@master] CX compare contents: Fix intersection observer for mobile

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

gerritbot added a project: Patch-For-Review.Mon, Jan 26, 1:31 PM
gerritbot added a comment.Mon, Jan 26, 3:13 PM

Change #1233185 merged by jenkins-bot:

[mediawiki/extensions/ContentTranslation@master] CX compare contents: Fix intersection observer for mobile

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

Maintenance_bot removed a project: Patch-For-Review.Mon, Jan 26, 3:31 PM
ReleaseTaggerBot added a project: MW-1.46-notes (1.46.0-wmf.13; 2026-01-27).Mon, Jan 26, 4:00 PM
ngkountas moved this task from In-progress to Pending deployment on the LPL Hypothesis board.Mon, Jan 26, 6:09 PM
gerritbot added a comment.Mon, Jan 26, 6:11 PM

Change #1233234 had a related patch set uploaded (by Nik Gkountas; author: Nik Gkountas):

[mediawiki/extensions/ContentTranslation@master] CX3 Build 1.0.0+20260112

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

gerritbot added a project: Patch-For-Review.Mon, Jan 26, 6:11 PM
gerritbot added a comment.Tue, Jan 27, 8:40 AM

Change #1233234 merged by jenkins-bot:

[mediawiki/extensions/ContentTranslation@master] CX3 Build 1.0.0+20260112

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

Maintenance_bot removed a project: Patch-For-Review.Tue, Jan 27, 9:32 AM
SBisson moved this task from Pending deployment to Needs QA on the LPL Hypothesis board.Mon, Feb 9, 8:02 PM
GMikesell-WMF added a comment.Wed, Feb 11, 6:50 PM

@ngkountas Translate now appears in Mobile as seen in the video below. I will move this to Sign-off. Thanks for all your work!

Test Case 2: Ensure second 'Translate' button appears after scrolling to content header

From the "Compare contents" step, scroll down to the content header.
❌ AC2: The second 'Translate' button becomes visible once the user scrolls to the content header.

Translate does not appear when you scroll on mobile as it does on Desktop and Tablet

✅
Mobile now works correctly

GMikesell-WMF updated the task description. (Show Details)Wed, Feb 11, 6:50 PM
GMikesell-WMF updated Other Assignee, removed: GMikesell-WMF.
GMikesell-WMF updated Other Assignee, added: GMikesell-WMF.
GMikesell-WMF moved this task from Needs QA to Design Signoff on the LPL Hypothesis board.
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL · Credits