DropTarget hover only fires when pointer hovers over the component, not the dragged item box

There is a line in docs which says:

hover(props, monitor, component): Optional. Called when an item is hovered over the component

But in my tests (with HTML5 backend) hover is only fired when mouse pointer hovers over the drop target component. I’d expect that any boundary of the item crossing drop target would trigger this event.

Looks like it is HTML5 API behavor, but is there any way to make hover behave as I described (and as described in docs)?

The use case I have is that I need to drag and drop relatively big items and dragging point is usually at item’s header, so the user experience when moving such items up is OK, but moving down is a pain, because you often have to scroll the page to drop.

[Pavel910]

@vladar I know it’s an old thread but have you found a solution to this problem? Thx.

[goldo]

@kafein nope, juste using smaller elements to make it look nicer. Havent had time to try others things