WordPress 6.5-beta3-57738 - Full Site Editor breaks after installing "Contact Form 7"

[capstonebpo]

Hi- I am using WordPress 6.5-beta3-57738 running Twenty Twenty-Four CHILD theme.

I ran into an issue after installing Contact Form 7 plugin where the site editor breaks as shown in the attached images.

BEFORE-INSTALLING-CONTACT-FORM-7-PLUGIN

​https://emailmarketing.capstonebpo.com/wp-content/uploads/2024/02/before-installing-contact-form-7.jpg

AFTER-INSTALLING-CONTACT-FORM-7-PLUGIN

​https://emailmarketing.capstonebpo.com/wp-content/uploads/2024/02/after-installing-contact-form-7.jpg

Rajesh

[poena]

Hi @capstonebpo
Thank you for the report.

I am not able to reproduce this problem.
Perhaps it is related to something you have added to your custom form settings.

Can you include any more information? It is difficult for others to troubleshoot this issue and determine if it is a problem with WordPress or with the plugin.

Are there any error messages in the editor?
Do you know how to check if there any JavaScript warnings or errors in the browser console?

If you are able to install and activate the test reports plugin
​https://wordpress.org/plugins/test-reports/
It can help you gather some more details that will help with troubleshooting.

Because this happens with Contact Form 7 installed, it is important that you notify the developer of that plugin, for example through the plugin support forum.

[poena]

I also want to double check if you meant the block editor, where you edit page content, or the Site Editor. Because the title says Site Editor but the screenshots are of the block editor.
Lets make sure that we are testing the correct thing.

[capstonebpo]

It's the block editor.

I have a plugin ​https://wordpress.org/plugins/custom-css-js/ installed to add some styling css to the wpcf7 class to style my form.

[capstonebpo]

I just rechecked and if I edit a Page via Appearance->Editor->Pages ​https://emailmarketing.capstonebpo.com/wp-admin/site-editor.php?postType=page&postId=2 it looks fine BUT

when I access "Pages" from the WP admin sidebar and click on any page, it looks like the "after-installing-contact-form-7.jpg"

[capstonebpo]

Here is the catch:

WP admin sidebar links to ​https://example.com/wp-admin/post.php?post=2&action=edit

Appearance->Editor->Pages links to ​https://example.com/wp-admin/site-editor.php?postType=page&postId=2

[poena]

Kindly respond to the questions above:
Are there any error messages in the editor?

Do you know how to check if there any JavaScript warnings or errors in the browser console?

If you are able to install and activate the test reports plugin
​https://wordpress.org/plugins/test-reports/
It can help you gather some more details that will help with troubleshooting.

More information is needed to confirm that if this is a bug with WordPress, or a support question regarding the plugins.

You can find more information about troubleshooting in this article:
​https://wordpress.org/documentation/article/faq-troubleshooting/

[poena]

Hi
I am closing this ticket because it has not been reproducible and there has been no responses the past year. It is possibly a support issue related to loading custom CSS in the Site Editor.
It does not seem to be an issue with with Contact Form 7, but if the issue resurfaces, please use the plugin support forum first.