Empty-group editor transport is not flattened under a layout shell layer

Chiusa Adatta ai principianti
#2,866 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Una pull request collegata è già stata integrata.

  • #2873 di @chubes4 — integrata

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
66/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
css, wordpress
Ambito
frontend

Direzione di ricerca

Inizia trovando la regola esistente nel foglio di stile dell'editor che imposta display:contents sul transport div anonimo quando è figlio diretto di .block-editor-block-list__block, poi riproduci il problema con un Group vuoto all'interno di .blocks-engine-layout-shell-editor-inner-blocks. È completato quando quel transport viene appiattito anche nel caso del layout shell, così che un backdrop con height:100% venga disegnato e lo spacer vuoto col-md-2 mantenga la sua larghezza.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Problem

WordPress 7.1 wraps an empty Group in the editor in an anonymous transport div. The existing editor rule flattens that transport (display:contents) only when it is the direct child of .block-editor-block-list__block. Inside a layout shell, the transport sits under .blocks-engine-layout-shell-editor-inner-blocks, so it stays a block box.

Effects

  • A painted source layer sized height:100%, such as a blurred hero backdrop, resolves against the zero-height transport and disappears from the canvas.
  • Empty flex spacer groups (col-md-2 around a quotes row) collapse to 0 width, so the neighbouring content widens from 901px to 1352px.

Expected

Flatten the transport under the layout shell layer as well.

Found and reduced with Claude (Anthropic) in the Pi coding agent during the nostar2.com import parity loop.

Lingua principale
PHP
Stelle
22
Fork
3
Merge medio
6h 3m
PR unite (30g)
946

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di Automattic/blocks-engine

Tutte le issue di Automattic/blocks-engine

Issue simili

Altre issue su PHP

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.