Components: md-input does not allow typing on IE

Created on 20 Apr 2016  路  8Comments  路  Source: angular/components

  • Do you want to request a _feature_ or report a _bug_?
    Bug
  • What is the current behavior?
    I cannot type on IE (11)
  • **If the current behavior is a bug,
    Focus any MD-INPUT on IE11 (probably below too but 11 is most relevant). And try to type with keyboard. Does not work.
    https://material2-app.firebaseapp.com/
    You can actually see it here.
  • What is the expected behavior?
    Text appears!
  • What is the motivation / use case for changing the behavior?
    Include IE 11 support seems a must have right?
  • Which version of Angular and Material, and which browser and OS does this issue affect?
    Did this work in previous versions of Angular / Material?
    Please also test with the latest stable and snapshot versions.
    Angular2 Beta 14, Material Alpha 2
  • Other information
    (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix)
P1 has pr

All 8 comments

To add, it also doesn't move the floating label upwards as it does on other browsers.

  • I've done some testing to see what's up. Besides the label not moving, it seems that setting maxlength=-1 does not allow you to type on IE11, seems to work fine on chrome etc.

FYI: In edge you also can't type, but the floating label does work.
According to both the W3C and WhatWG definition of maxLength, the behavior in IE11/Edge is the correct one
Edit: Actually, it turns out the W3C spec does mention it needs to be a non-negative integer in order to be applied. So IE/Edge behavior is wrong.

Edit 2: I filed a bug report for this, you can find it here: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7315556/

Saw an issue about the label on Firefox as well. Seems to be the same thing (Label)

Only it works in IE if you set maxLength property

And still label does not float

If input are loaded thru routes then until we click on one field does not display placeholders.

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_This action has been performed automatically by a bot._

Was this page helpful?
0 / 5 - 0 ratings

Related issues

kara picture kara  路  3Comments

Miiekeee picture Miiekeee  路  3Comments

MurhafSousli picture MurhafSousli  路  3Comments

vitaly-t picture vitaly-t  路  3Comments

3mp3ri0r picture 3mp3ri0r  路  3Comments