IE10 Placeholder blocking input focus

[O-Mutt]

With the placeholder value set it seems to be blocking the clickability of the input field. This can be seen in the demo as well First Name. I don't like the fix i have locally but i added a z-index: 0; to my placeholder as a work around. I attempted to bind a click event to the placeholder but it seems that it was being caught somewhere on the chain. Not sure if IE9 is a worry but similar issue is occurring with the label click, this i solved with a

element.bind('click', function(ev) {
  containerCtrl.setFocus(true);
  containerCtrl.input.focus();
  //any other existing code
});

[marcysutton]

Note: We don't support IE9, only n-1 browsers (and IE11 is the latest).

[O-Mutt]

Good to note for the label blocking focus, however, as the original bug still seems to stand and be a real hindrance on usability

[ThomasBurleson]

@Mutmatt - Is this an IE9 or IE10 issue?

[O-Mutt]

@ThomasBurleson IE10 placeholder blocks input focus. IE9 had a different issue but due to not being supported (and IE10?) this is a non-issue

[marcysutton]

@Mutmatt can you confirm whether this is still happening? The input demos on http://material.angularjs.org do not have any focus problems in IE10 that I can find. First name has a placeholder and it can take focus and a value without any issues.

[O-Mutt]

This is, indeed, still broken in IE10. See First Name: https://material.angularjs.org/#/demo/material.components.input

[marcysutton]

Yeah, I looked at it in IE10 and it worked fine. Can you describe the issue in more detail, and try another machine? Thanks.

[O-Mutt]

I will give it another shot on a different machine. This one is currently Win 8.1. The behavior i am seeing is clicking on the area where the placeholder is (albeit not visible) does not trigger the float label to float. I will check back in after testing on a second/third machine.

[O-Mutt]

I retested this in IE10 and it is behaving this way still on the demo page. Clicking the region where the placeholder text would be does not trigger the label float and input focus. It does work if you click to the right of the location where the text would be.

In this example i click the area a few times to show what i am seeing.

Note: I have now seen this on Windows 8.1 IE10 and Windows 7 IE10