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

Placeholder not floating properly in IE 11 if css color is added to .mat-input-element #4464

Closed
Only1MrAnderson opened this issue May 10, 2017 · 2 comments · Fixed by #4478
Closed
Assignees

Comments

@Only1MrAnderson
Copy link

Bug, feature request, or proposal:

Bug Report IE 11

What is the expected behavior?

If no value in input and placeholder forced to float should be no text in input

What is the current behavior?

if a color property is added to .mat-input-element the placeholder floats but still shows a placeholder in the input field as well.

What are the steps to reproduce?

Open the plunker in IE 11 and compare to Chrome. It is only one input field.

Providing a Plunker (or similar) is the best way to get the team to see your issue.

http://plnkr.co/edit/ujdRfTcrFgEgNL08D8Ba?p=preview

What is the use-case or motivation for changing an existing behavior?

I need to display an input form that can be disabled at times and the font color for disabled is hard to read at times.

Which versions of Angular, Material, OS, browsers are affected?

Angular: 4.x, Material: Latest merge at Master, Windows 10, IE 11

Is there anything else we should know?

@AntiCZ
Copy link

AntiCZ commented May 11, 2017

I dont understand why input has attr placeholder(In browser after render).

@crisbeto crisbeto self-assigned this May 11, 2017
crisbeto added a commit to crisbeto/material2 that referenced this issue May 11, 2017
…nditions

Fixes cases where the input's native placeholder won't be hidden on IE, if the consumer was using a higher specificity selector to override the input color.

Fixes angular#4464.
@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 5, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants