Skip to main content

2 posts tagged with "Gutenberg"

View all tags

WordPress FSE Block Validation Failed: The Hidden Cause of Missing JSON Quotes

· 4 min read
CCLEE
CCLEE

TL;DR​

In WordPress FSE themes, if a JSON attribute in a Pattern/Template HTML comment has a missing closing quote ", the brace count remains balanced, but parse_blocks() silently sets the block's attrs to null. Gutenberg's save function then produces no inline styles, triggering Block validation failed. Validate JSON with json.loads() to catch this.

Fix Gutenberg Gradient Class Naming Change Causing Block Validation Failure

· 2 min read
CCLEE
CCLEE

Encountered this issue while developing a WordPress FSE theme for a client. Here's the root cause and solution.

TL;DR​

After a Gutenberg upgrade, the gradient CSS class naming convention changed from has-{slug}-gradient to has-{slug}-gradient-background. Hand-written Pattern HTML with old classes doesn't match Gutenberg's validation logic, causing Site Editor errors. The fix is to batch replace class names.