WordPress.org

macadk
(@macadk)

2 years, 6 months ago
Since WordPress 5.9 was installed I find that I cannot edit the page where I’m embedding the contact form using the contact form selection block. When I open the page to edit it (not the form, but the page where the form is embedded) I can see the code loading, but nothing but a white screen is displayed.

If I deactivate the Contact Form 7 plugin, I can go into the page and edit it as normal. Reactivating the plugin allows the embedded form to work normally, but if I try to edit the page where the form is embedded I will get the white screen again.

If I use the Shortcode block and the CF7 shortcode for the form I want to use, then everything works fine.

I’m using:
WordPress 5.9
Contact Form 7 5.5.4

Any thoughts on troubleshooting this one?
- This topic was modified 2 years, 6 months ago by macadk.
The page I need help with: [log in to see the link]

Viewing 12 replies - 1 through 12 (of 12 total)

Plugin Author Takayuki Miyoshi
(@takayukister)

2 years, 6 months ago

What other plugins and theme do you use on the site?
ucsendre
(@ucsendre)

2 years, 6 months ago
Hello,

I got the same error.

The site config:
server: Apache
PHP: 7.4.27
WordPress version: 5.9
locale: hu_HU
active theme: Twenty Twenty-Two 1.0
(Same error when Astra theme version 3.7.7 is active.)
Contact Form 7 version: 5.5.4
WP debug logging is enabled – the log file is empty.

All other plugins are disabled.

JS error in browser console:
```
TypeError: Cannot read properties of undefined (reading '0') 
    at save (/wp-content/plugins/contact-form-7/includes/block-editor/index.js?ver=5.5.4:1:4122)
    at yt (/wp-includes/js/dist/blocks.min.js?ver=28d5b8f8805a22435cbdc51927067812:2:27409)
    at wt (/wp-includes/js/dist/blocks.min.js?ver=28d5b8f8805a22435cbdc51927067812:2:27802)
    at /wp-includes/js/dist/blocks.min.js?ver=28d5b8f8805a22435cbdc51927067812:2:54385
    at Br (/wp-includes/js/dist/blocks.min.js?ver=28d5b8f8805a22435cbdc51927067812:2:54531)
    at Nr (/wp-includes/js/dist/blocks.min.js?ver=28d5b8f8805a22435cbdc51927067812:2:55473)
    at Array.map (<anonymous>)
    at Nr (/wp-includes/js/dist/blocks.min.js?ver=28d5b8f8805a22435cbdc51927067812:2:55340)
    at /wp-includes/js/dist/blocks.min.js?ver=28d5b8f8805a22435cbdc51927067812:2:56486
    at Array.reduce (<anonymous>)
```
File:
wp-includes/js/dist/vendor/react-dom.min.js?ver=17.0.1

Trace:
```
Ye @ react-dom.min.js?ver=17.0.1:141
Mh.c.callback @ react-dom.min.js?ver=17.0.1:141
dh @ react-dom.min.js?ver=17.0.1:80
Bj @ react-dom.min.js?ver=17.0.1:145
Qj @ react-dom.min.js?ver=17.0.1:176
unstable_runWithPriority @ react.min.js?ver=17.0.1:24
Za @ react-dom.min.js?ver=17.0.1:73
eb @ react-dom.min.js?ver=17.0.1:170
gf @ react-dom.min.js?ver=17.0.1:162
(anonymous) @ react-dom.min.js?ver=17.0.1:73
unstable_runWithPriority @ react.min.js?ver=17.0.1:24
Za @ react-dom.min.js?ver=17.0.1:73
$g @ react-dom.min.js?ver=17.0.1:73
ja @ react-dom.min.js?ver=17.0.1:73
Pa @ react-dom.min.js?ver=17.0.1:157
Me @ react-dom.min.js?ver=17.0.1:110
e @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
t @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
(anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
(anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
b @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
(anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
(anonymous) @ redux-routine.min.js?ver=6c3ab278bc9641b6f62731e018a4449e:2
(anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
(anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
(anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
(anonymous) @ core-data.min.js?ver=b4684a7c90f2d858ab7fa74414ad5a54:2
await in (anonymous) (async)
(anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
(anonymous) @ redux-routine.min.js?ver=6c3ab278bc9641b6f62731e018a4449e:2
(anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
(anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
Q @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
(anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
setTimeout (async)
a @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
u @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
(anonymous) @ edit-post.min.js?ver=aec3905d54d344b48f452da0da95d621:7
(anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
a @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
(anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
(anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
xe @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2
zt @ edit-post.min.js?ver=aec3905d54d344b48f452da0da95d621:7
Le @ react-dom.min.js?ver=17.0.1:100
Pj @ react-dom.min.js?ver=17.0.1:231
di @ react-dom.min.js?ver=17.0.1:168
Nj @ react-dom.min.js?ver=17.0.1:168
sc @ react-dom.min.js?ver=17.0.1:168
gf @ react-dom.min.js?ver=17.0.1:162
Pa @ react-dom.min.js?ver=17.0.1:157
yd @ react-dom.min.js?ver=17.0.1:188
(anonymous) @ react-dom.min.js?ver=17.0.1:191
bi @ react-dom.min.js?ver=17.0.1:163
zd @ react-dom.min.js?ver=17.0.1:191
M.render @ react-dom.min.js?ver=17.0.1:243
Qt @ edit-post.min.js?ver=aec3905d54d344b48f452da0da95d621:7
(anonymous) @ post.php?post=188&action=edit:1895
```
Thread Starter macadk
(@macadk)

2 years, 6 months ago

Miyoshisan,

Here are all the details you might need:
`
### wp-core ###

version: 5.9

### wp-active-theme ###

name: Inc (inc)
version: 1.1.4
author: Theme Horse
author_website: https://www.themehorse.com/

### wp-mu-plugins (1) ###

Health Check Troubleshooting Mode: author: (undefined), version: 1.7.2

### wp-plugins-active (40) ###

Activity Log: version: 2.8.2, author: Activity Log Team
Acuity Online Appointment Scheduling: version: 1.1.0, author: Acuity Scheduling
Ad Inserter: version: 2.7.11, author: Igor Funa
Advanced Database Cleaner: version: 3.0.4, author: Younes JFR.
Akismet Anti-Spam: version: 4.2.2, author: Automattic
Broken Link Checker: version: 1.11.16, author: WPMU DEV
Buy Me a Coffee – Button and Widget: version: 2.9, author: Buy Me a Coffee
Cloudflare: version: 4.7.0, author: Cloudflare, Inc.
Contact Form 7: version: 5.5.4, author: Takayuki Miyoshi
Copyright Proof: version: 4.16, author: Digiprove
Disable REST API: version: 1.7, author: Dave McHale
Download Manager: version: 3.2.36, author: W3 Eden, Inc.
Edit Flow: version: 0.9.6, author: Daniel Bachhuber, Scott Bressler, Mohammad Jangda, Automattic, and others
Error Log Monitor: version: 1.7, author: Janis Elsts
Flamingo: version: 2.2.3, author: Takayuki Miyoshi
GDPR Cookie Consent: version: 2.0.9, author: WebToffee
Google Language Translator: version: 6.0.13, author: Translate AI Multilingual Solutions
Health Check & Troubleshooting: version: 1.4.5, author: The WordPress.org community
Heroic Glossary: version: 1.2.2, author: HeroThemes
Honeypot for Contact Form 7: version: 2.1, author: Nocean
KaTeX: version: 2.2.3, author: Thomas Churchman
Koko Analytics: version: 1.0.29, author: ibericode
MailMunch – Grow Your Email List: version: 3.1.2, author: MailMunch
Really Simple SSL: version: 5.2.3, author: Really Simple Plugins
Really Simple SSL pro: version: 5.3.0, author: Really Simple Plugins
Salt Shaker: version: 1.3.0, author: Nagdy
Series: version: 2.0.1, author: Justin Tadlock
Simple Definition List Blocks: version: 4.0.3, author: mel_cha
Site Kit by Google: version: 1.50.0, author: Google
Smush: version: 3.9.5, author: WPMU DEV
TablePress: version: 1.14, author: Tobias Bäthge
Wordfence Assistant: version: 1.0.9, author: Wordfence
Wordfence Security: version: 7.5.8, author: Wordfence
WPDM – Gutenberg Blocks: version: 2.1.4, author: WordPress Download Manager
WP Google Fonts: version: 3.1.5, author: Noah Kagan
WP Mail SMTP: version: 3.2.1, author: WPForms
WP Server Stats: version: 1.6.10, author: Saumya Majumder, Acnam Infotech
WPS Hide Login: version: 1.9.3, author: WPServeur, NicolasKulka, wpformation
Yoast Duplicate Post: version: 4.4, author: Enrico Battocchi & Team Yoast
Yoast SEO: version: 18.0, author: Team Yoast

### wp-plugins-inactive (6) ###

Hummingbird: version: 3.3.0, author: WPMU DEV
P3 (Plugin Performance Profiler): version: 1.5.4, author: GoDaddy.com
Print My Blog: version: 3.10.1, author: Michael Nelson
PublishPress Series Pro: version: 2.7.4, author: PublishPress
The Events Calendar: version: 5.13.0, author: The Events Calendar
Under Construction: version: 3.92, author: WebFactory Ltd

### wp-media ###

image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1690
imagemagick_version: ImageMagick 6.9.10-68 Q16 x86_64 2021-10-14 https://imagemagick.org

### wp-server ###

httpd_software: Apache
php_version: 7.4.27 64bit
php_sapi: fpm-fcgi
curl_version: 7.81.0 OpenSSL/1.1.1l
imagick_availability: true
### wp-database ###

extension: mysqli
server_version: 10.3.32-MariaDB

Plugin Author Takayuki Miyoshi
(@takayukister)

2 years, 6 months ago

Is it possible for you to deactivate all other plugins and try it again?

Thread Starter macadk
(@macadk)

2 years, 6 months ago

Yes. I’ll give this a try tomorrow and let you know the result.

ucsendre
(@ucsendre)

2 years, 5 months ago

Same error with plain core WP.
The CF7 block crashes the block editor.
Shortcode block works.
Frontend works.
Please check. This error is ridiculous.
Thank you.

Dave Page
(@davecpage)

2 years, 5 months ago

Hi I’ve found the same.

Using WP 5.9 and the Twenty Twenty Two theme, no other plugins active. Initial creation and adding of the block was fine, but reloading the page and just a white screen.

Error in browser console says “window.wpcf7.contactForms is undefined” and appears to be within /contact-form-7/includes/block-editor/index.js.

Cristiano Possa
(@crispossa)

2 years, 5 months ago

Same error here. I hope this get fixed soon.

Thread Starter macadk
(@macadk)

2 years, 5 months ago

Miyoshisan,

I can confirm two things:

1) Disabling all but Contact Form 7 has makes no difference. If I use the Form 7 Selector block to insert a contact form on a page, the page works fine on the front-end but crashes the page created using the block editor.
2) I support what the other posters in this thread have said regarding embedding a short-code for a contact form using the embed block – that works fine.

It seems that the problem is in the Form 7 block code itself.

Thank you in advance for your support!

Plugin Author Takayuki Miyoshi
(@takayukister)

2 years, 5 months ago

Thanks for the information.

robrandell
(@robrandell)

2 years, 5 months ago

I had same issue with the page editor crashing with a CF7 block. Relayed the information needed in a later thread. Rolling back to v5.5.3 and using the default shortcode block solved the issue for me. Thanks.

smoorhead
(@smoorhead)

2 years, 5 months ago

I’ve also run into this issue, sometimes I get a blank page, sometimes I get “This block has encountered an error and cannot be previewed.”