JSON error in UI when using certain words
-
We have an up-to-date WPMU install on WPEngine, that uses a custom theme that itself uses Block Lab 1.5.0. It works great, except for one particular bug that we can’t figure out:
When creating a new post with a so-called WYSIWYG block, the main text/content portion is built using a content field, like this: block_field(‘content’, false);
99% of the time it works great. But when our users enter text with the word “script” in it (like “description” or “subscription”) to that field and clicks out of it to close the editor and display the page, the block shows a gray box with the text “Error loading block: The response is not a valid JSON response.” In the console, api-fetch.js returns a 403 error. The request string can be found here:
If the user clicks back into the block, the editor shows that the original text is still there, and on publishing the original correct text is published, so it’s just the block UI that’s having the problem.
We’ve tried turning off plugins and all the usual stuff. The currently installed and enabled plugins are: AddToAny Share Buttons, Advanced Custom Fields PRO, Advanced Gutenberg Blocks, Better Search Replace, Block Lab, Compress JPEG & PNG images, Custom Post Type UI, Disable Gutenberg Blocks – Block Manager, Lazy Load by WP Rocket, Public Post Preview, WP Add Custom CSS, WP Rocket, WP2Static, and Yoast SEO.
Have you all ever seen anything like this? If not, any ideas on what to try next?
-
Hi @coleclark,
Sorry for the delay again.It’s interesting there was a 403 (forbidden) error for that error ‘Error loading block: The response is not a valid JSON response.’
You’ve tried deactivating all plugins, but is there any more security infrastructure that might have blocked the request?
It looks like fetch doesn’t help with a clear error message:
https://github.com/WordPress/gutenberg/blob/03960e671cca1afee4f6ebbf20d0bdaf2170e672/packages/api-fetch/src/index.js#L87-L89I couldn’t reproduce this. Feel free to comment if these steps aren’t right:
Steps to reproduce
1.cd path/to/block-lab
2.git checkout 4b1dd7f87da2baa80838c17b44c4daf4982800d1 # the 1.5.0 bump commit
3.composer install && npm install && npm run dev
4. Create a WYSIWYG block:
https://cldup.com/rpmyhYBI61.png
5. Past this intoblocks/block-wysiwyg.php:
https://pastebin.com/HNiwaPyR
6. Create a new post
7. Add the WYSIWYG block
8. Populate the Content field (Classic Text) with:
`WYSIWYG Subscription paragraph
9. Select ‘Preformatted’:
https://cldup.com/G6WFXrG43L.png
10. Click somewhere else so the preview (ServerSideRender) displays
11. Expected: there’s no error in the preview, and the text displays
12. Actual: same as expected:
https://cldup.com/4nEJ5MkTBM.pngThanks for your patience!
The topic ‘JSON error in UI when using certain words’ is closed to new replies.
