Nested child component's native (dragover) event blocked by parent [dndDraggable]

[dstj]

Describe the bug
I have nested components representing "sections of data", each sections has a grid component (Ag-Grid) with multiple rows.

The sections can be dragged to reorder them and each grid row can be dragged either
a) within the same grid (same section) or
b) to another grid (another section)

The drag across grids drag and drop is JS native drag and drop. The bug I face is that since trying to migrate from ng-dragula to ngx-drag-drop, the native (dragover) and (drop) events are not fired on the grid parent div. The (dragstart) event is.

To Reproduce
I created a simple reproduction that only uses simple divs.

See this simple reproduction here

Steps to reproduce the behavior:

1. Open the dev console
2. From the top component, drag row1 to row2 and check that the JS Event are fired (start, drag, drop)
3. Try the same in the bottom part
4. Only the drag start event will be fired.
5. Confirm that the ngx-drag-drop DRAG ME HERE work...

Expected behavior
The (dragover) event of the "grid row" component should fired even when nested inside a ngx-drag-drop item.

Desktop (please complete the following information):

• OS: Windows 11 Pro
• Browser: Brave
• Version 1.71.123 Chromium: 130.0.6723.116 (Official Build) (64-bit)](https://brave.com/latest/)

Additional context
Add any other context about the problem here.