Page MenuHomePhabricator

SX: Show the captcha confirmation dialog when the target wiki requests it
Closed, ResolvedPublic

Description

Some wikis require a captcha to be filled when publishing.

When users click on "publish", if the target wiki requests a captcha, users should be able to fill it. Ideally, the captcha dialog should be the same as used in Mobile VisualEditor.

As a reference, this is similar to what was done for Content Translation (T189766) and several aspects of that discussion may still be relevant.

Event Timeline

Pginer-WMF created this task.
Pginer-WMF raised the priority of this task from Medium to High.Feb 2 2021, 9:37 AM
Pginer-WMF lowered the priority of this task from High to Medium.Mar 1 2021, 2:01 PM
ngkountas changed the task status from Open to In Progress.Jun 14 2022, 5:03 PM
ngkountas claimed this task.

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

[mediawiki/extensions/ContentTranslation@master] SX: Add CAPTCHA confirmation dialog before publishing, when needed

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

For testing we may want to check how this works when creating an article with a new user account on Turkish Wikipedia, since it is a wiki where Section Translation is available and apparently they have the captcha enabled according to T24027: Enable AbuseFilter and Captcha on Turkish Wikipedia

Screenshot from the above patch for @Pginer-WMF to review. To me, after filling the answer there was a confusion on how to submit. Pressing enter key did not do anything. Tick mark as primary action was not obvious since it has no color difference.

image.png (731×669 px, 41 KB)

Screenshot from the above patch for @Pginer-WMF to review. To me, after filling the answer there was a confusion on how to submit. Pressing enter key did not do anything. Tick mark as primary action was not obvious since it has no color difference.

Good points, Santhosh. The dialog section on the style guide provides more details (check "complex dialogs" and notes on their use on mobile).

Based on that, we can consider the following adjustments:

  • Show the confirmation button as a primary button (blue).
  • Support submitting on pressing enter.
  • Show the dialog fullscreen ("All complex dialogs are fullscreen on mobile").
  • Adjust spacing to align to the dialog spec (the purple mark is for 24px, which does not show in the legend for some reason):

Screenshot 2022-07-26 at 12.07.37.png (747×724 px, 34 KB)

Screenshots from latest patch:

Narrow screenWid screen
image.png (468×565 px, 10 KB)
image.png (683×1 px, 58 KB)

Change 810013 merged by jenkins-bot:

[mediawiki/extensions/ContentTranslation@master] SX: Add CAPTCHA confirmation dialog before publishing, when needed

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

Change 818992 had a related patch set uploaded (by Santhosh; author: Santhosh):

[mediawiki/extensions/ContentTranslation@master] CX3 Build 0.2.0+20220801

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

Change 818992 merged by jenkins-bot:

[mediawiki/extensions/ContentTranslation@master] CX3 Build 0.2.0+20220801

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

Screenshots from latest patch:

Narrow screenWid screen
image.png (468×565 px, 10 KB)
image.png (683×1 px, 58 KB)

Thanks for sharing the screenshots. Looking at the wide screen, there seems not to be separation between the end of the title and the "publish" button. This was not explicitly captured in the style guide mockup, but I think it would benefit to have a 16px space before the button to make sure that text does not get too close to it.

I created a follow-up ticket with the (small) pending adjustments: T319280: Captcha dialog on mobile translations needs space between title and button. So I guess we can close this ticket now. Thanks everyone!