p-treenode-dragover is not always removed when you are no longer hovering over treeitem

[pete-mcwilliams]

Describe the bug

p-treednode-dragover class applied to multiple listitems divs. It is not possible to indicate to the user where they are dropping accurately. The p-treenode-dragover class is still displayed after dragging has stopped.

Possibly an issue with the children of a list item keeping the parent mouseover?

Environment

It's affecting the latest demo with primeng 17.0.0, also 16.9.1 the version we are using.

Reproducer

https://stackblitz.com/edit/jmnkp9?file=package.json

Angular version

16.2.7

PrimeNG version

16.9.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

v18.17.0

Browser(s)

No response

Steps to reproduce the behavior

In the tree draggable demo expand all parents, drag a child e.g. goodfellas to the top of the list, then back down over parent listitems see many divs below li retain the class p-treenode-dragover.

Expected behavior

If the p-treenode-dragover is supposed to indicate the drop on list item the class should be removed when no longer hovering over the listitem.