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.
Contact Form 7 5.5.4
Any thoughts on troubleshooting this one?
- This topic was modified 6 months, 2 weeks ago by macadk.
The page I need help with: [log in to see the link]
What other plugins and theme do you use on the site?
I got the same error.
The site config:
WordPress version: 5.9
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>)
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
Here are all the details you might need:
### wp-core ###
### wp-active-theme ###
name: Inc (inc)
author: Theme Horse
### 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 ###
imagemagick_version: ImageMagick 6.9.10-68 Q16 x86_64 2021-10-14 https://imagemagick.org
### wp-server ###
php_version: 7.4.27 64bit
curl_version: 7.81.0 OpenSSL/1.1.1l
### wp-database ###
Is it possible for you to deactivate all other plugins and try it again?
Yes. I’ll give this a try tomorrow and let you know the result.
Same error with plain core WP.
The CF7 block crashes the block editor.
Shortcode block works.
Please check. This error is ridiculous.
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
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!
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.
- The topic ‘Can’t edit page with Contact Form Selector block’ is closed to new replies.