Meta Box

"Something went wrong. Please try again!" when opening Custom Field Group

Support › MB Builder › "Something went wrong. Please try again!" when opening Custom Field GroupResolved

Viewing 15 posts - 1 through 15 (of 39 total)
1 2 3
  • Author
    Posts
  • October 30, 2025 at 8:36 PM #49255
    Michael KernMichael Kern
    Participant

    On my dev server, everything loads just fine. But when I attempt to edit the same JSON-imported custom field group on my production server, the field group content in the Builder appears then disappears suddenly on pageload and is replaced with the message "Something went wrong. Please try again!"

    The field group contains 110 input fields for saving to the database + has tabs, headings, and custom HTML fields.

    Query monitor gives no insights. WP Debug log gives no insights.

    max_query_vars is set to 100000, and I tested even lower values on my dev server with an identical setup and it works fine. What could be triggering this error? And why doesn't MetaBox print the error output beyond "Something went wrong. Please try again!" What kind of insight am I supposed to derive from that message?

    October 30, 2025 at 8:53 PM #49256
    Michael KernMichael Kern
    Participant

    Additional information: it appears its an issue stemming from react-dom.min.js. Chrome DevTools reveals the following:

    `
    load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-dom-ready,wp-hooks&ver=6.8.3:5 JQMIGRATE: Migrate is installed, version 3.4.1
    deprecated.min.js?ver=e1f84915c5e8ae38964c:2 Bottom margin styles for wp.components.ToggleControl is deprecated since version 6.7 and will be removed in version 7.0. Note: Set the __nextHasNoMarginBottom prop to true to start opting into the new styles, which will become the default in a future version.
    i @ deprecated.min.js?ver=e1f84915c5e8ae38964c:2
    (anonymous) @ components.min.js?ver=865f2ec3b5f5195705e0:33
    ht @ react-dom.min.js?ver=18.3.1.1:10
    dr @ react-dom.min.js?ver=18.3.1.1:10
    Qs @ react-dom.min.js?ver=18.3.1.1:10
    wl @ react-dom.min.js?ver=18.3.1.1:10
    bl @ react-dom.min.js?ver=18.3.1.1:10
    yl @ react-dom.min.js?ver=18.3.1.1:10
    fl @ react-dom.min.js?ver=18.3.1.1:10
    Nn @ react-dom.min.js?ver=18.3.1.1:10
    pl @ react-dom.min.js?ver=18.3.1.1:10
    (anonymous) @ react-dom.min.js?ver=18.3.1.1:10
    na @ react-dom.min.js?ver=18.3.1.1:10
    e.render @ react-dom.min.js?ver=18.3.1.1:10
    (anonymous) @ app.js?ver=3c9de0cd3ba276d675d1:5
    (anonymous) @ app.js?ver=3c9de0cd3ba276d675d1:5
    (anonymous) @ app.js?ver=3c9de0cd3ba276d675d1:5
    react-dom.min.js?ver=18.3.1.1:10 SyntaxError: Failed to execute 'querySelector' on 'Document': '#2__wysiwyg__body_copy' is not a valid selector.
    at 4522.app.js:1:670
    at Ur (react-dom.min.js?ver=18.3.1.1:10:73201)
    at El (react-dom.min.js?ver=18.3.1.1:10:92843)
    at fl (react-dom.min.js?ver=18.3.1.1:10:85253)
    at Nn (react-dom.min.js?ver=18.3.1.1:10:32442)
    at react-dom.min.js?ver=18.3.1.1:10:82952
    ar @ react-dom.min.js?ver=18.3.1.1:10
    a.componentDidCatch.t.callback @ react-dom.min.js?ver=18.3.1.1:10
    at @ react-dom.min.js?ver=18.3.1.1:10
    Jr @ react-dom.min.js?ver=18.3.1.1:10
    Zr @ react-dom.min.js?ver=18.3.1.1:10
    Gr @ react-dom.min.js?ver=18.3.1.1:10
    (anonymous) @ react-dom.min.js?ver=18.3.1.1:10
    xl @ react-dom.min.js?ver=18.3.1.1:10
    fl @ react-dom.min.js?ver=18.3.1.1:10
    Nn @ react-dom.min.js?ver=18.3.1.1:10
    (anonymous) @ react-dom.min.js?ver=18.3.1.1:10
    react-dom.min.js?ver=18.3.1.1:10 SyntaxError: Failed to execute 'querySelector' on 'Document': '#4a__wysiwyg__body_copy' is not a valid selector.
    at 4522.app.js:1:670
    at Ur (react-dom.min.js?ver=18.3.1.1:10:73201)
    at El (react-dom.min.js?ver=18.3.1.1:10:92843)
    at fl (react-dom.min.js?ver=18.3.1.1:10:85253)
    at Nn (react-dom.min.js?ver=18.3.1.1:10:32442)
    at react-dom.min.js?ver=18.3.1.1:10:82952
    ar @ react-dom.min.js?ver=18.3.1.1:10
    a.componentDidCatch.t.callback @ react-dom.min.js?ver=18.3.1.1:10
    at @ react-dom.min.js?ver=18.3.1.1:10
    Jr @ react-dom.min.js?ver=18.3.1.1:10
    Zr @ react-dom.min.js?ver=18.3.1.1:10
    Gr @ react-dom.min.js?ver=18.3.1.1:10
    (anonymous) @ react-dom.min.js?ver=18.3.1.1:10
    xl @ react-dom.min.js?ver=18.3.1.1:10
    fl @ react-dom.min.js?ver=18.3.1.1:10
    Nn @ react-dom.min.js?ver=18.3.1.1:10
    (anonymous) @ react-dom.min.js?ver=18.3.1.1:10
    react-dom.min.js?ver=18.3.1.1:10 SyntaxError: Failed to execute 'querySelector' on 'Document': '#4f__wysiwyg__intro_body_copy' is not a valid selector.
    at 4522.app.js:1:670
    at Ur (react-dom.min.js?ver=18.3.1.1:10:73201)
    at El (react-dom.min.js?ver=18.3.1.1:10:92843)
    at fl (react-dom.min.js?ver=18.3.1.1:10:85253)
    at Nn (react-dom.min.js?ver=18.3.1.1:10:32442)
    at react-dom.min.js?ver=18.3.1.1:10:82952
    ar @ react-dom.min.js?ver=18.3.1.1:10
    a.componentDidCatch.t.callback @ react-dom.min.js?ver=18.3.1.1:10
    at @ react-dom.min.js?ver=18.3.1.1:10
    Jr @ react-dom.min.js?ver=18.3.1.1:10
    Zr @ react-dom.min.js?ver=18.3.1.1:10
    Gr @ react-dom.min.js?ver=18.3.1.1:10
    (anonymous) @ react-dom.min.js?ver=18.3.1.1:10
    xl @ react-dom.min.js?ver=18.3.1.1:10
    fl @ react-dom.min.js?ver=18.3.1.1:10
    Nn @ react-dom.min.js?ver=18.3.1.1:10
    (anonymous) @ react-dom.min.js?ver=18.3.1.1:10
    react-dom.min.js?ver=18.3.1.1:10 SyntaxError: Failed to execute 'querySelector' on 'Document': '#5c__wysiwyg__body_copy' is not a valid selector.
    at 4522.app.js:1:670
    at Ur (react-dom.min.js?ver=18.3.1.1:10:73201)
    at El (react-dom.min.js?ver=18.3.1.1:10:92843)
    at fl (react-dom.min.js?ver=18.3.1.1:10:85253)
    at Nn (react-dom.min.js?ver=18.3.1.1:10:32442)
    at react-dom.min.js?ver=18.3.1.1:10:82952
    ar @ react-dom.min.js?ver=18.3.1.1:10
    a.componentDidCatch.t.callback @ react-dom.min.js?ver=18.3.1.1:10
    at @ react-dom.min.js?ver=18.3.1.1:10
    Jr @ react-dom.min.js?ver=18.3.1.1:10
    Zr @ react-dom.min.js?ver=18.3.1.1:10
    Gr @ react-dom.min.js?ver=18.3.1.1:10
    (anonymous) @ react-dom.min.js?ver=18.3.1.1:10
    xl @ react-dom.min.js?ver=18.3.1.1:10
    fl @ react-dom.min.js?ver=18.3.1.1:10
    Nn @ react-dom.min.js?ver=18.3.1.1:10
    (anonymous) @ react-dom.min.js?ver=18.3.1.1:10
    react-dom.min.js?ver=18.3.1.1:10 SyntaxError: Failed to execute 'querySelector' on 'Document': '#6a__wysiwyg__body_copy' is not a valid selector.
    at 4522.app.js:1:670
    at Ur (react-dom.min.js?ver=18.3.1.1:10:73201)
    at El (react-dom.min.js?ver=18.3.1.1:10:92843)
    at fl (react-dom.min.js?ver=18.3.1.1:10:85253)
    at Nn (react-dom.min.js?ver=18.3.1.1:10:32442)
    at react-dom.min.js?ver=18.3.1.1:10:82952
    ar @ react-dom.min.js?ver=18.3.1.1:10
    a.componentDidCatch.t.callback @ react-dom.min.js?ver=18.3.1.1:10
    at @ react-dom.min.js?ver=18.3.1.1:10
    Jr @ react-dom.min.js?ver=18.3.1.1:10
    Zr @ react-dom.min.js?ver=18.3.1.1:10
    Gr @ react-dom.min.js?ver=18.3.1.1:10
    (anonymous) @ react-dom.min.js?ver=18.3.1.1:10
    xl @ react-dom.min.js?ver=18.3.1.1:10
    fl @ react-dom.min.js?ver=18.3.1.1:10
    Nn @ react-dom.min.js?ver=18.3.1.1:10
    (anonymous) @ react-dom.min.js?ver=18.3.1.1:10
    react-dom.min.js?ver=18.3.1.1:10 TypeError: Cannot read properties of null (reading 'removeEventListener')
    at A.hasUnsavedChanges (app.js?ver=3c9de0cd3ba276d675d1:1:243430)
    at Or (react-dom.min.js?ver=18.3.1.1:10:72846)
    at Ir (react-dom.min.js?ver=18.3.1.1:10:73032)
    at El (react-dom.min.js?ver=18.3.1.1:10:92118)
    at fl (react-dom.min.js?ver=18.3.1.1:10:85253)
    at Nn (react-dom.min.js?ver=18.3.1.1:10:32442)
    at react-dom.min.js?ver=18.3.1.1:10:82952
    ar @ react-dom.min.js?ver=18.3.1.1:10
    a.componentDidCatch.t.callback @ react-dom.min.js?ver=18.3.1.1:10
    at @ react-dom.min.js?ver=18.3.1.1:10
    Jr @ react-dom.min.js?ver=18.3.1.1:10
    Zr @ react-dom.min.js?ver=18.3.1.1:10
    Gr @ react-dom.min.js?ver=18.3.1.1:10
    (anonymous) @ react-dom.min.js?ver=18.3.1.1:10
    xl @ react-dom.min.js?ver=18.3.1.1:10
    fl @ react-dom.min.js?ver=18.3.1.1:10
    Nn @ react-dom.min.js?ver=18.3.1.1:10
    (anonymous) @ react-dom.min.js?ver=18.3.1.1:10
    `

    October 30, 2025 at 8:58 PM #49257
    Michael KernMichael Kern
    Participant

    Here's the output in Pastebin for better viewing. Password is pvARzMRnji

    October 30, 2025 at 10:08 PM #49258
    Michael KernMichael Kern
    Participant

    Turns out that the reason this was happening was that I began my ID strings with a numeric character which creates an issue where React cannot target anchor tags beginning with a number. Once I added an alphabetical character to begin the string, the problem was solved and everything worked as expected. PROBLEM SOLVED

    October 31, 2025 at 2:28 PM #49261
    PeterPeter
    Moderator

    Hello Michael,

    Thanks for reaching out.

    Can you please share a screenshot of the issue or steps to reproduce it? I will forward the issue to the development team to see if we can improve something on our side.

    November 2, 2025 at 11:09 PM #49270
    Michael KernMichael Kern
    Participant

    Steps to reproduce: import a field list via mb-json folder. Field list must have fields beginning with a numeric character. It helps if there's a lot of them. Then, when you Edit the field group, it should flash the content before replacing the content with a blank page reading "Something went wrong. Please try again!" If you open up Chrome DevTools, you'll see that what's happening is that the react js is attempting to target fields by their CSS ID selectors, but CSS IDs that begin with a number must be escaped. Since I began my field IDs with a number, the react js had issues targeting these fields' CSS IDs since it wasn't properly escaping them, causing the error.

    November 17, 2025 at 12:09 AM #49348
    MotiveinkMotiveink
    Participant

    After updating to version 3.3.2, the same thing happens to me. How can this be resolved?

    November 17, 2025 at 12:24 AM #49350
    MotiveinkMotiveink
    Participant

    I went back to version 3.2.0 and everything works. Do I need to update? Is this a bug?

    November 17, 2025 at 12:26 AM #49351
    MotiveinkMotiveink
    Participant

    https://pastebin.com/BDb8hDwJ

    November 17, 2025 at 10:23 AM #49352
    skauer@gmail.com[email protected]
    Participant

    I am having the same issue after updating. Can't open custom field list to do any updates.

    November 17, 2025 at 7:12 PM #49353
    skauer@gmail.com[email protected]
    Participant

    How do I get a previous version to rollback to?

    November 17, 2025 at 11:54 PM #49361
    SébastienSébastien
    Participant

    Same here with v3.3.2 today. ☠️ 🫠
    Thank goodness I made a backup just before.

    November 18, 2025 at 12:10 AM #49362
    AdrienAdrien
    Participant

    I have the same issue

    November 19, 2025 at 12:32 AM #49372
    SébastienSébastien
    Participant

    This is a truly critical, blocking bug. Could you please provide an estimated timeframe for a fix? It is essential to know when an update can be safely performed without the risk of breaking or losing data. Thanks in advance for your feedback. 😊🫠

    November 19, 2025 at 4:49 AM #49373
    mradnicmradnic
    Participant

    This is really frustrating. I haven't been able to debug it so far. Does anyone have any solution? Does the rollback to the older version work?

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 39 total)
1 2 3
  • You must be logged in to reply to this topic.