This repository was archived by the owner on Sep 5, 2024. It is now read-only.
This repository was archived by the owner on Sep 5, 2024. It is now read-only.
input-container(select): label is not displayed when placeholder is specified and no selection has been made #10116
Closed
Description
Actual Behavior:
What is the issue? *
When you add aplaceholder
to amd-select
that already has alabel
, the label does not behave as expected.What is the expected behavior?
If you have amd-select
with alabel
and aplaceholder
, those should act like the angular material inputs. The label text is floating on top of the placeholder text and stays there after the user fills the input field with text. The same should be true for the select dropdown. The label text is floating on top of the placeholder text and stays there after the user selects one of the select dropdown options.
CodePen (or steps to reproduce the issue): *
CodePen Demo which shows your issue:
http://codepen.io/radi/pen/JbBbPGDetails:
Read expected behavior above.
Angular Versions: *
Angular Version:
1.5.9Angular Material Version:
1.1.1
Additional Information:
Browser Type: *
Google ChromeBrowser Version: *
Vers ion 55.0.2883.75 (64-bit)OS: *
macOS Sierra 10.12.1 (16B2555)Stack Traces:
n/a
Shortcut to create a new CodePen Demo.
Note: *
indicates required information. Without this information, your issue may be auto-closed.
Do not modify the titles or questions. Simply add your responses to the ends of the questions.
Add more lines if needed.