Column block: Dropping block into an empty column using a drop zone. · WordPress/gutenberg#30699

(0 comments) (0 reactions) (0 assignees)JavaScript (9,607 stars) (3,893 forks)batch import

Good First Issue[Block] Columns[Feature] Drag and Drop[Type] Enhancement

説明

Column-drop-zone

Dropping happens "above" the main Column area (It looks like it).

Adding a drop zone to the Columns block when it is empty. Going from the above into something similar to this drop zone area for the Cover block.

Cover-block-drop-zone

For the empty Column: Column-drop-zone-mockup

技術スタック: javascriptreacthtmlcss
領域: frontend
Issue 種別: feature
難度: 3
推定時間: half day
活動状況: fresh
明確さ: clear
前提条件: Basic knowledge of Gutenberg block editorReactDrag and drop concepts
初心者向け度: 70
調査方針: Examine the Cover block's drop zone implementation (likely in packages/block editor/src/components/). Understand how drop zones are registered and rendered. Apply similar logic to the Columns block when it is empty. Test with drag and drop. Consider the existing Column block structure in packages/block library/src/columns/.