I want to add some use case here https://wiki.mozilla.org/SVG:Pointer-events#Use_cases as suggested here https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events I want to suggest to have css property to stop events propagation. Here is an example: https://codepen.io/yurigor/pen/WNwEyby the parent has none pointer events the child has auto pointer events when we hover child element - hover pseudo class of parent is also triggered I think it would be good to have smth like pointer-events-propagation: auto/stop; So if stop specified on any element - own and bubbled events, when appearing on this level will not go up.