CSS 'pointer-events: none' rule not allowing to click on select in some cases

Issue #8295099 • Assigned to Bogdan B.


Shripath S.
Jul 27, 2016
This issue is public.
Reported by 8 people

Sign in to watch or report this issue.

Steps to reproduce

Set the CSS rule ‘pointer-events: none’ for an element.
Expected behaviour: User should not be able to click on the element.
Actual behaviour: User is able to click on the element and the corresponding click event handler is run.


0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Brad E.”

    • Hello,

      Could you please provide the version number of MS Edge that you are experiencing this problem with? I have a repro setup for this feedback that I am not able to repro with located here:


      Feel free to modify the existing item or provide a new one that demonstrates the problem as well. Looking forward to your update.

      All the best,
      The MS Edge Team

    • Microsoft Edge Team

      Changed Status to “Not reproducible”

    • Hello. This problem does exist, please see updated example here:


      I have placed a DIV over a SELECT and set the DIV property pointer-events: none, I’m expecting the click to be passed through the SELECT item as it happens in all other browsers except EDGE.

    • This is still not working if you define a class with pointer-events set to none and add it directly to an anchor.
      If you add it to the wrapping element - it works fine. Crazy ;)

      See sample at http://codepen.io/anon/pen/eBWLba

    • Microsoft Edge Team

      Changed Status from “Not reproducible”

      Changed Assigned To to “Travis L.”

      Changed Assigned To to “Bogdan B.”

      Changed Assigned To from “Bogdan B.” to “Kurt C.”

      Changed Status to “Confirmed”

      Changed Title from “CSS 'pointer-events: none' rule not working” to “CSS 'pointer-events: none' rule not allowing to click on select in some cases”

    • It’s been two years since an update on this, any update?

    • No problem with IE11 and Chrome.

      I’m seeing issue regarding iframe element not working with pointer-events: none. Even setting on the parent of the iframe does not work.

    • It works I gave the iframe a position css (instead of the default which is static). Could this be somehow related to the stacking order?

      Hope this helps someone out.

    • Microsoft Edge Team

      Changed Assigned To from “Kurt C.” to “Bogdan B.”

      Changed Status from “Confirmed” to “Won’t fix”

      Changed Status from “Won’t fix”

    • Reactivating auto-resolved valid bugs reported by web dev community. Those were not expected to be resolved. We apologize for any inconvenience!

    • Microsoft Edge Team

      Changed Assigned To to “Bogdan B.”

    You need to sign in to your Microsoft account to add a comment.

    Sign in