При наведении на дочерний элемент происходит отбрасывание мыши

On hoverIn - я хочу добавить поле, сдвинуть его вверх.

On hoverOut - ящик должен скользить вниз, а затем удалить ящик

На простом списке это работает отлично, я могу навести курсор на скользящий элемент. Но если я использую изображение, это вызывает эффект мерцания при попытке навести курсор на скользящий элемент.

• Working.
• Не работает.

Наведите курсор на элементы, затем попробуйте навести курсор на появившуюся красную рамку. В чем здесь разница, я что-то упускаю?

Также для связанных объектов и подобных случаев нужно ли использовать stopPropagation? Не могу разобраться с этим.