Dnd: Maintaining parent isDropTarget state when hovering over child drop target

[vrimar]

Is there a way to maintain the parent component's isDropTarget truthy state when hovering over a child drop target as seen in this example:

Codesandbox

Notice how ParentDrop's isDropTarget is set to false when hovering over a ChildDrop component.

[snowystinger]

You can only drop on one thing at a time. Can you make the children always visible? you could also put an onDropEnter/Exit for each of the children and persist in showing the children when that is called?

[vrimar]

Apologies for the lack of context, I'm trying to re-create this existing flow I currently have with react-dnd:

React-dnd maintains it's isDropTarget state when hovering over child items within a parent container, is there perhaps a better approach for this in react-aria?

[snowystinger]

Were you able to try

you could also put an onDropEnter/Exit for each of the children and persist in showing the children when that is called?