Can’t edit page with Contact Form Selector block

  • 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, 9 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)

    What other plugins and theme do you use on the site?

    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)

    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 www.remarpro.com 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)

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

    Thread Starter macadk

    (@macadk)

    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.
    Frontend works.
    Please check. This error is ridiculous.
    Thank you.

    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.

    Same error here. I hope this get fixed soon.

    Thread Starter macadk

    (@macadk)

    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)

    Thanks for the information.

    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.

    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.”

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Can’t edit page with Contact Form Selector block’ is closed to new replies.