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;
Written by Robson Sobral
Related protips
2 Responses
Hi!
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
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
.