Skip to content

Columns: Fix appender drop zone visibility when dragging into empty column#77852

Open
karthikeya-io wants to merge 1 commit into
WordPress:trunkfrom
karthikeya-io:fix/visual-cue-when-dragging-block-into-an-empty-column
Open

Columns: Fix appender drop zone visibility when dragging into empty column#77852
karthikeya-io wants to merge 1 commit into
WordPress:trunkfrom
karthikeya-io:fix/visual-cue-when-dragging-block-into-an-empty-column

Conversation

@karthikeya-io

@karthikeya-io karthikeya-io commented Apr 30, 2026

Copy link
Copy Markdown
Contributor

What?

Related open issue: #30699. This was already implemented in #50826, but it looks like in #55197, while updating from visibility to opacity, this was missed. As a result, the drop zone overlay does not appear when blocks are dragged into columns.

(Just for reference: the dashed indicator present during #50826 is no longer present, which is expected, as it was removed in #53761.)

Why?

  • Currently, there is no visual cue when blocks are dragged into columns.

How?

  • Fixes this by setting opacity to 1 when a block is dragged over the appender.

Testing Instructions

  1. Insert a Columns block.
  2. Insert another block (e.g., Paragraph) and drag it over an empty column.
  3. Verify that a blue background highlight (the drop zone overlay) appears when the block is held over the empty column.

Testing Instructions for Keyboard

Screenshots or screencast

Before After
column-overlay-before.mov
column-overlay-after.mov

@github-actions github-actions Bot added the [Package] Block editor /packages/block-editor label Apr 30, 2026
@karthikeya-io karthikeya-io marked this pull request as ready for review April 30, 2026 18:37
@karthikeya-io karthikeya-io requested a review from ellatrix as a code owner April 30, 2026 18:37
@github-actions

Copy link
Copy Markdown

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: karthikeya-io <karthikeya01@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

@t-hamano t-hamano added [Type] Bug An existing feature does not function as intended [Feature] Inserter The main way to insert blocks using the + button in the editing interface labels May 1, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Feature] Inserter The main way to insert blocks using the + button in the editing interface [Package] Block editor /packages/block-editor [Type] Bug An existing feature does not function as intended

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants