Any Suggestions: pointer-events:none; on button

9 years ago
Mar 28, 2017 4:28 PM UTC
4 replies
20 views
Translate All

+7

franco89

Hi guys,

I'm having trouble getting this CSS to work on my form in IE11. It works fine in Chrome but our corporate standard is IE (yay).

I'm using this CSS:

.NoPointer {
pointer-events:none;
}

I'm using it on the icon (image) and text label sitting above my button. I want the whole area to be clickable, but currently the text and image are interfering with that. Any ideas why this wouldn't be working in IE11 when it is supposedly supported?

http://caniuse.com/#feat=pointer-events

Thanks

S

+9

sean_fiene
Nintex Employee
9 years ago
Mar 28, 2017 6:08 PM UTC

Hi Dave,

I tested this out in my SharePoint 2013 environment, using IE11 and got the same result. I then checked out my DOM settings in Developer Tools and saw that it was set to a default of IE10. Once I changed the value to IE11, the CSS worked as expected:

Translate

Like

F

+7

franco89
Author
9 years ago
Mar 28, 2017 6:15 PM UTC

Thanks for checking Sean.

I was wondering if that was the issue. In my DevTools, which I had checked, I can only select between 10 and Edge, and neither works (lol). I will have to investigate why they have disabled 11, perhaps as part of our group policy here.

thanks again.

Translate