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

Confirmed Issue #8295099 • Assigned to Kurt C.

Details

Author
Shripath S.
Created
Jul 27, 2016
Privacy
This issue is public.
Reports
Reported by 4 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.

Attachments

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:

      http://codepen.io/bledwards1/pen/JKBbKO

      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:

      http://codepen.io/anon/pen/zKXkYR

      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”

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

    Sign in