Archived topic
Gutenberg Editor is Crashing When Switching to Mobile/Tablet
4 replies · Started by Reed on May 17, 2021
Has anyone encountered this issue before? When I try to switch to the tab for Tablet/Mobile on Gutenberg Editor (GenerateBlocks), the editor crashes. See attached gif -> https://gifyu.com/image/DspZ
This happens on all my pages. It hasn't been an issue since the last time I edited the site (although that was some months ago).
This is the error text:
Error: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules
at https://frugalflyer.ca/wp-includes/js/dist/block-editor.min.js?ver=4378547cec8f5157a02ead3dfc5c65b2:12:376053
at Array.forEach (<anonymous>)
at https://frugalflyer.ca/wp-includes/js/dist/block-editor.min.js?ver=4378547cec8f5157a02ead3dfc5c65b2:12:376009
at Bh (https://frugalflyer.ca/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:126:456)
at Dj (https://frugalflyer.ca/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:162:476)
at unstable_runWithPriority (https://frugalflyer.ca/wp-includes/js/dist/vendor/react.min.js?ver=16.13.1:25:260)
at Da (https://frugalflyer.ca/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:60:280)
at xb (https://frugalflyer.ca/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:162:231)
at Te (https://frugalflyer.ca/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:146:79)
at https://frugalflyer.ca/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:61:68
Hi there,
Hmm..that's the second mention of this issue actually but we haven't been able to replicate it on our end.
Any chance you can disable all plugins except GB to test?
Let me know :)
I just started running into this issue after pushing from a Local by Flywheel dev environment to a staging environment on Kinsta. I've pushed the site to a similarly configured Litespeed server on Linode and am unable to replicate the issue. Sorry for hijacking the thread but I need this fixed and OP hasn't responded. I'm more than happy to help debug this with you and come up with a way to repro the issue but I can't post details of my clients' environment in a public forum. Please advise.
It ended up being a problem with wsform sending an invalid MIME header for the CSS it generates coupled with a CORS issue. There is an option to inline the generated CSS which was the cause of the crash for the site I was working on.
Enable SCRIPT_DEBUG and you will likely find a similar issue.
Glad to hear you found what the issue was !
