Theme customizer: Impossible to preview a search results page

[johnbillion]

Steps to reproduce:

1. Open the theme customizer
2. Attempt to do a search in the site's search box in order to preview the search results page

The form won't submit and you won't be able to preview your search results.

[scribu]

Confirmed. Since normal links do work, I assume it would also be possible for GET forms to work as well. Not sure about POST forms.

[ocean90]

Since it's not implemented, yes, all forms are disabled yet.

See ​http://core.trac.wordpress.org/browser/trunk/wp-includes/js/customize-preview.dev.js#L40

[nacin]

By design. Setting this to an enhancement.

[westonruter]

Actually, you can preview a search results page. You just can't access the search results by navigating within the customizer. The workaround is to do the search on the frontend, and then on the search results page, access the Customize link from the admin bar, and it will load up the Customizer with the preview open to that search results page, e.g.: ​http://src.wordpress-develop.dev/wp-admin/customize.php?url=http%3A%2F%2Fsrc.wordpress-develop.dev%2F%3Fs%3Dtest

[westonruter]

I've been working on this as a part of #30028, which would ensure that the Customizer can be used to preview all form submissions and even Ajax requests.

[westonruter]

Previewing of form submissions (both POST and GET requests), as well as jQuery Ajax requests, have been implemented at ​https://github.com/xwp/wordpress-develop/pull/61

[westonruter]

Punting due to transactions being too large to finish patch and test in time for 4.6.

[westonruter]

I just realized a very simple fix for this, and it's not dependent on transactions at all. All we have to do is listen for form submit events and if the form has a GET request method and if the action points to a URL for the current WP instance, then we can just serialize the form's data and amend it to the action URL and send this new URL in the url message to the Customizer pane, just as happens when clicking a regular link. See ​https://github.com/xwp/wp-customize-snapshots/pull/72/files#diff-56102a3fdc293b051600c9ab9fedc164R145

[westonruter]

@johnbillion how does 20714.0.diff​ work for you?

[westonruter]

I'll commit unless there is any feedback to the contrary.

[johnbillion]

Looks good @westonruter.

[westonruter]

In 38587:

Customize: Implement previewing of form submissions which use the GET method.

This finally allows the search results template to navigated to in the customizer preview.

Fixes #20714.

[westonruter]

In 38588:

Docs: Fix phpdoc and jsdoc typos introduced in [38584] and [38587], respectively.

See #33742.
See #20714.