Skip to content

Fix layout shell editor geometry - #1543

Merged
chubes4 merged 4 commits into
trunkfrom
fix/issue-1540-blocks-engine
Sep 3, 2026
Merged

Fix layout shell editor geometry#1543
chubes4 merged 4 commits into
trunkfrom
fix/issue-1540-blocks-engine

Conversation

@chubes4

@chubes4 chubes4 commented Sep 3, 2026

Copy link
Copy Markdown
Contributor

Summary

  • Preserve real Gutenberg layout-shell geometry by marking the single owning InnerBlocks layer with useInnerBlocksProps and flattening only that marker; authored wrapper boxes and nested native block carriers remain intact.
  • Project authored position declarations into .editor-styles-wrapper with editor-specific specificity, so Gutenberg core positioning defaults cannot replace authored absolute/relative geometry.
  • Preserve frontend save output: the editor-only carrier and marker are not emitted by InnerBlocks.Content.
  • Add Chromium anchor-paired coverage for an absolute background/content sibling pair, marker box-neutrality, and native child-carrier preservation.
  • Install PHP dependencies in the generic visual-parity CI job, allowing the transformer-backed browser regression to run in CI.

Real Gutenberg Evidence

The #1540 issue workflow exercised the generated Latonia Hope import in a real Gutenberg desktop canvas across Home, About, Gallery, and Resumes. The workflow verified each route after save/reload and performed representative text, media, and link selection/edit/save/reload operations. This change retains the hero absolute-background/content sibling geometry at the matched 1160px content viewport while keeping the frontend output unchanged.

Verification

  • composer --working-dir=php-transformer test
  • npm test in php-transformer/tools/visual-parity
  • git diff --check
  • All PHP Transformer and solved-site promotion CI checks passed.

Closes #1540.

Post-merge regression hardening is tracked in #1546 and #1547.

AI Assistance

OpenAI GPT-5.6 Terra through OpenCode reviewed the full trunk diff, implementation topology, test coverage, CI failure, and finalized publication. It made the minimal CI correction required for the transformer-backed browser test, ran verification, and updated this PR. Chris Huber directed the work and remains responsible for the change.

@chubes4
chubes4 merged commit 2563d23 into trunk Sep 3, 2026
10 checks passed
@chubes4
chubes4 deleted the fix/issue-1540-blocks-engine branch September 3, 2026 17:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Detect and prevent frontend/editor geometry divergence in generated sites

1 participant