Form block inside FSE "On Submission" actions not working

[ezebecke]

Quick summary

Forms have three optional actions "on submission"

• Show summary of submitted fields
• Show a custom text message
• Redirect to another page

None of them seem to work when adding this block inside an FSE template.

Steps to reproduce

1- Add Form block to template
2- Test live form with any selection "on submission" option

What you expected to happen

The form should display a custom message, redirect, or show submitted fields after submitting.

What actually happened

Page refreshes and email is sent, but the "on submission" action doesn't happen.

Context

Tested on my own Atomic site.

Simple, Atomic or both?

Atomic

Theme-specific issue?

No response

Browser, operating system and other notes

No response

Reproducibility

Consistent

Severity

No response

Available workarounds?

No response

Workaround details

Adding the Form block on a page.

[Greatdane]

Can reproduce on WordPress.com sites and self-hosted sites

As this is a Jetpack block at heart, will transfer to the Jetpack repo.

[Greatdane]

Another report here; 36093109-hc

Looks like only certain templates. (I could reproduce on Single Item templates)

[jeherve]

cc @danielbachhuber who worked on #24727.

[danielbachhuber]

@Greatdane Would you be able to provide full reproduction steps? Thanks!

[Greatdane]

Sure @danielbachhuber

1. Create a new template in FSE
2. Add a form block
3. On the form settings, choose redirect on submission and choose a URL
4. Save!

When you visit the page and submit the form, it does not redirect

Here is a video of it in action;

N9YBlq.mp4

[danielbachhuber]

@Greatdane Thanks! Your additional details are very helpful — I didn't even know that feature existed 😅

Interestingly, this works in my local environment with the latest version of Jetpack and Gutenberg:

CleanShot.2022-07-26.at.07.19.26.mp4

However, I can reproduce the bug in the Atomic environment I created for the occasion:

CleanShot.2022-07-26.at.07.38.54.mp4

The underlying issue is that Atomic is using a gutenberg/lib/compat/wordpress-5.9/template-canvas.php fallback template. Here's a fix for it #25278

[Greatdane]

Awesome, thanks for the quick fix @danielbachhuber! ABSPATH strikes again.