Next step(s)

• Editing Engineering and Design to document what (if any) blocking concerns they hold about moving forward with the "Expand the existing Save your changes dialog" approach
• Assuming editing Engineering and design do not hold blocking concerns about the "Expand the existing Save your changes dialog" approach, name (any) lightweight improvements they think could be made to improve the UX

Sharing 2 possible approaches for presenting hCaptcha in the Publish flow:

Option 1: Overlay above the Publish dialog

This is reusing the current hCaptcha behavior in the Create Account flow: when verification is required, the hCaptcha appears as an overlay above the existing content. This solution reuses the existing solution in the create account flow and avoids resizing or restructuring the Publish dialog. However, it could feel like an interruption in the Publish flow.

Option 2: Expand the existing “Save your changes” dialog

The hCaptcha iframe is inserted inside the current dialog, and the dialog expands vertically to accommodate it. The dialog change should be visually smooth and the publish button should be disabled until the captcha is completed. This solution reduces friction during publish since it feels like an additional step rather than an interrupting layer.

Re: option 2, should it instead go where the existing captcha would show inside the dialog?

Noting that the solution we are working on for T407344: hCaptcha: Add support for hCaptcha in the MobileFrontend editor is following the first approach.

El T413354#11713204, @hector.arroyo escribió:

Noting that the solution we are working on for T407344: hCaptcha: Add support for hCaptcha in the MobileFrontend editor is following the first approach.

I recommend to reuse this option then if this is being used here, account creation, and probably other places.

This task should discuss the desktop interface, not the MobileFrontend one. (Sorry I didn't catch that earlier.)

This is what we are proposing to do, how does that sound?

@kostajh since the hCaptcha is an overlay on top of the Publish dialog, a semi-transparent overlay background-color-backdrop-light should be displayed behind the hCaptcha (between the Publish dialog and the hCaptcha), as with other dialogs in the interface.

@bmartinezcalvo: thank you for updating the task description to include the UX requirements you've helpfully specified for mobile.

Could you please do the same for desktop, per what @kostajh shared in T413354#11739268?

El T413354#11747073, @ppelberg escribió:

@bmartinezcalvo: thank you for updating the task description to include the UX requirements you've helpfully specified for mobile.

Could you please do the same for desktop, per what @kostajh shared in T413354#11739268?

Sorry for the confusion. The solution on desktop would be exactly the same on both desktop and mobile, appearing the hCaptcha on top of the Publish dialog with an additional background-color-backdrop-light overlay between the Dialog and the hCaptcha to visually separate both elements.

desktop	mobile

Thank you, @bmartinezcalvo!

Next steps
@kostajh to what extent (if any) would it be accurate for me to think the next step here is for y'all (PSI) to implement what Bárbara specified?

In T413354#11755345, @ppelberg wrote:

Thank you, @bmartinezcalvo!

Next steps
@kostajh to what extent (if any) would it be accurate for me to think the next step here is for y'all (PSI) to implement what Bárbara specified?

We will take a look at it to see if it's doable with the hCaptcha SDK. thanks!