Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dragging Spacer and Image Blocks from the Editor to Nest within the List View Causes Disappearance and Frozen Toolbar #68822

Open
3 of 6 tasks
yogeshbhutkar opened this issue Jan 22, 2025 · 5 comments
Labels
[Feature] Drag and Drop Drag and drop functionality when working with blocks [Type] Bug An existing feature does not function as intended

Comments

@yogeshbhutkar
Copy link
Contributor

yogeshbhutkar commented Jan 22, 2025

Description

When dragging certain blocks from the Editor to List View to nest them inside another block, the dragged block disappears, and the dragged toolbar becomes unresponsive. Refer to the screencast for clarity.

Observations:

  • The issue consistently occurs with Image and Spacer blocks.
  • However, other blocks like Paragraph and Heading function as expected and do not exhibit this behavior.

Step-by-step reproduction instructions

  1. Drag an Image or Spacer block from the Editor to List View and attempt to nest it inside the Group Block.
  2. Observe that the block being dragged disappears.
  3. Note that the dragged toolbar freezes and becomes unresponsive.

Screenshots, screen recording, code snippet

Bug

Environment info

  • WordPress Version: 6.8-alpha-59361
  • Gutenberg Plugin Version: Trunk (05ef404)
  • OS: macOS Sequoia

Please confirm that you have searched existing issues in the repo.

  • Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

  • Yes

Please confirm which theme type you used for testing.

  • Block
  • Classic
  • Hybrid (e.g. classic with theme.json)
  • Not sure
@yogeshbhutkar yogeshbhutkar added the [Type] Bug An existing feature does not function as intended label Jan 22, 2025
@Mamaduka Mamaduka added the [Feature] Drag and Drop Drag and drop functionality when working with blocks label Jan 22, 2025
@nani-samireddy
Copy link

Hi @yogeshbhutkar I tired to replicate the issue but not able to do that
I'm attaching the screen recording below

Screen.Recording.2025-01-23.at.3.07.29.PM.mov

@yogeshbhutkar
Copy link
Contributor Author

@nani-samireddy, you tried to move it from List View to List View, the issue occurs when you drag it from within the Editor portion to the List View. Notice the GIF above, the Spacer was dragged from the Editor to List View.

@nani-samireddy
Copy link

I tried that too but still works same for me 🤔

Screen.Recording.2025-01-23.at.4.05.54.PM.mov

@yogeshbhutkar
Copy link
Contributor Author

Can you try testing it on the Trunk? The Gutenberg Plugin is not available for me on Playground, maybe this was a recently introduced regression.

@nani-samireddy
Copy link

nani-samireddy commented Jan 23, 2025

Yes, I'm to reproduce this on the trunk ✅
As you mentioned it might be introduced recently

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Drag and Drop Drag and drop functionality when working with blocks [Type] Bug An existing feature does not function as intended
Projects
None yet
Development

No branches or pull requests

3 participants