Draggable container can still be picked up when Drag Handler is not enabled

Still working on getting comfortable with drag and drop, I now have a problem which is shown in the video below.

I want to have an on-hover button that users can grab to drag and drop, and my setup is like this:

Green container: Drop Area

Yellow container: Draggable

Icon Container: Drag Handler

The Icon container is inside the yellow container, with offset.

As you can see in the video, I can still grab on to the yellow container, even though I have unchecked Enable Drag Handler on that container.

Green box:

Yellow Box:

Icon container:

Hi, and thanks for sharing the video and explaining your setup!

I have recreated it, and I got the same behavior. From what I understand, your expectation is that the Yellow Container should only become draggable when you grab that dedicated Icon Container handle. But as you have shown here, the container remains draggable everywhere, indicating that the setting to disable the handler on the main container isn’t being respected.

I will register this as a challenge so the platform team can have a closer look and see if this is a bug, or something that would need more clarity in the documentation. Again, thanks for reaching out!

1 Like