Reseting pointer-events on IE11

When you need to limit the mouse events on an element, you use the property pointer-events:

pointer-events: none;

If you need to restore the mouse events on one of its descendent elements, you gonna need:

pointer-events: auto;

Unfortunately, this isn't enough on IE11, the first of version to accept this property. So, set the value of property position to something different of its default value, static:

pointer-events: auto;
position: relative;

2 Responses
Add your response


I just found your tip on https://css-tricks.com/almanac/properties/p/pointer-events/#comment-1108851 and - in my case, don't know whether it always works - I also had success with display: inline-block</code><br/> Massi

over 1 year ago ·
0 nfyu8txkcy7l9htqq8v08golvgypn tq96e18gxteze wf5n43u8aci7u1puckp4vxyt753o6cjr

The better solution is always that one which less interfere on you solution, @massic80.

It looks like one of that weird hasLayout cases. But this is even worst because IE11 should not have a hasLayout.

over 1 year ago ·