Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

md-input does not allow typing on IE #336

Closed
msegers opened this issue Apr 20, 2016 · 8 comments · Fixed by #469
Closed

md-input does not allow typing on IE #336

msegers opened this issue Apr 20, 2016 · 8 comments · Fixed by #469
Labels
P1 Impacts a large percentage of users; if a workaround exists it is partial or overly painful
Milestone

Comments

@msegers
Copy link

msegers commented Apr 20, 2016

  • 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)
@msegers
Copy link
Author

msegers commented Apr 20, 2016

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

@msegers
Copy link
Author

msegers commented Apr 20, 2016

  • 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.

@jelbourn jelbourn added the P1 Impacts a large percentage of users; if a workaround exists it is partial or overly painful label Apr 20, 2016
@jelbourn jelbourn added this to the alpha.4 milestone Apr 20, 2016
@sebakerckhof
Copy link

sebakerckhof commented Apr 21, 2016

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/

@msegers
Copy link
Author

msegers commented Apr 29, 2016

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

@arjtho
Copy link

arjtho commented May 24, 2016

Only it works in IE if you set maxLength property

@arjtho
Copy link

arjtho commented May 24, 2016

And still label does not float

@arjtho
Copy link

arjtho commented May 24, 2016

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

andrewseguin pushed a commit to andrewseguin/components that referenced this issue Oct 15, 2018
@angular-automatic-lock-bot
Copy link

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.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 4, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
P1 Impacts a large percentage of users; if a workaround exists it is partial or overly painful
Projects
None yet
Development

Successfully merging a pull request may close this issue.

6 participants