Cover block: empty block shows as black box on frontend · WordPress/gutenberg#10854

(7 comments) (1 reaction) (0 assignees)JavaScript (9,607 stars) (3,893 forks)batch import

Good First Issue[Block] Cover[Feature] Blocks[Priority] Low[Status] In Progress[Type] Enhancement

説明

Describe the bug If you insert a cover block and don't upload any image or video, it will appear as a black box in the frontend.

Expected behavior If the block in the backend is empty, I would expect the placeholder not to render any content.

Tested with Gutenberg 4.1 RC 1 + Twenty Seventeen as well as Twenty Nineteen.

技術スタック: javascriptreact
領域: frontend
Issue 種別: bug
難度: 2
推定時間: under 1 hour
活動状況: fresh
明確さ: clear
前提条件: ReactGutenberg block development
初心者向け度: 85
調査方針: The issue is that the Cover block renders a black box when no image or video is set. The fix should be in the Cover block's edit component, likely in `packages/block library/src/cover/edit.js`. Look for the condition that determines whether to render the placeholder or the media. The expected behavior is to render nothing (or a placeholder) when empty. Check the current implementation and add a conditional check to only render the media element if a media ID or URL is present.