I have an application which can contain expansion panels inside another expansion panel and they are draggable. In the same expansion panel I have simple divs, which are also draggable. When nested expansion panel is opened and I try to drag over it I encounter intense flickering. I've tried to simplify the application as much as possible and came up with tis example on stackblitz.

https://stackblitz.com/edit/angular-ivy-g86d9p

Steps to reproduce:

Open "Wave1" panel, inside open "Player1" panel, try to drag the Team outside of "Player1" panel, observe flickering, cringe. Same happens if you try to drag and team from inside "Player1" panel to the outside panel. Drag and drop is supposed both ways, inside and outside as well as dragging the entire "Player1" panel.