Why can mouse sticky occur due to child elements?

Question

css

Ситуация следующая - есть много js кода для таскания dom объектов, который работает просто замечательно. То есть есть контейнер div в котором я перемещаю квадратик. Хочу повторится, что все работает, пока я не добавляю в этот же контейнер детей-квадраты, которые выступают в роли шахматной доски и с этого момента начинает глючить мышку. Если навести на самый край драг объекта, нажать и резко увести мышь, то после отпускания кнопки драг объект продолжает таскаться. Без детей подобное проделать не получается, но с ними почти каждый раз так.
Код показать не могу, потому что Вы не захотите в полтысячи строк разбираться, по этому хочу попросить, если кто-то сталкивался с подобным, то что это и есть ли этому решение?
И хочу добавить, что дети на события не подписаны.
For the experiment, I transferred the children to another container and put it under the drag container and everything works great...

Answer 1

Crutch
All children for a while pointer-events:none