Form submissions not working on subsequent submissions

[madison-swell]

Describe your problem 🧐

I have a default Wordpress search form in my header.

The swup transition works perfectly on the first attempt. However any subsequent submissions do not and are redirected like a normal GET form.

I've disabled all my Wodpress plugins, other javascript, swup plugins and even tested with the default Wordpress TwentyTwentyFour theme.

This plugin works perfectly in CodeSandox so it must be something Wordpress is doing that's incompatible with the plugin.

I've narrowed it down to the 'form:submit' hook not being called on the subsequent attempt.

I've noticed beforeFormSubmit is called successfully on subsequent submissions but the swup.hooks.callSync('form:submit',.. (line 121 of index.ts) call is ineffective this time around.

What is your question? 🙋‍♀️

Any idea why this might be occurring and a possible fix?

URL to minimal reproduction 🔗

N/A with codesandbox

Checked all these? 📚

• I have read and searched the official docs
• I have checked discussions and existing issues for answers to my question
• I agree to follow this project's Code of Conduct
• I have provided all necessary information to the best of my knowledge

[madison-swell]

Just working on getting a demo environment to show the behaviour.

In the meantime I've narrowed things down.

If I change line 129 of index.ts from:

swup.hooks.callSync('form:submit', { el: form, event }, () => {
    this.submitForm(event);
});

To simply:

this.submitForm(event);

Everything works perfect.

For some reason the callSync method doesn't seem to do anything after the first page load.

[madison-swell]

Demo wordpress site here:

https://swup.swelldev.com.au/?s=

As you can see – the first form submission works perfect. Subsequent submissions cause a page redirect.

This is a demo with the default wordpress theme. I can confirm I get exactly the same behaviour with my custom theme that uses different markup in the search form.

[daun]

Been doing some investigating — this seems to be an issue with the Forms Plugin itself.

I've created a PR with a fix along with a bug report.

[daun]

This was indeed an issue with the plugin — we've improved how swup handles hooks in a previous release and haven't made some of the required adjustments to make the plugin compatible. This should be fixed in the latest plugin release 3.4.2.

[madison-swell]

I've upgraded to 3.4.2 and the problem is solved. Thanks so much!