Skip to content
This repository has been archived by the owner on Aug 29, 2023. It is now read-only.

mdInput: bug by adding label and icon? #2452

Closed
xavikortes opened this issue Apr 21, 2015 · 7 comments
Closed

mdInput: bug by adding label and icon? #2452

xavikortes opened this issue Apr 21, 2015 · 7 comments
Assignees
Milestone

Comments

@xavikortes
Copy link

Is impossible to add into a md-input-container an icon and a float label at the same time?
Google specification permit it?
Data superpose the icon at this moment.

Thanks for your response.

@ThomasBurleson
Copy link
Contributor

See https://material.angularjs.org/#/demo/material.components.input

screen shot 2015-04-21 at 7 08 47 am

<md-input-container md-no-float>
      <md-icon md-svg-src="/demo-partials/input/demoIcons/icons/ic_person_24px.svg" class="name"></md-icon>
      <input ng-model="user.name" type="text" placeholder="Name">
</md-input-container>

@xavikortes
Copy link
Author

None of them has a floating label. Not a good example.
And the placeholder is hidden by default. I need to know in every moment what fields are placed, not only when they are focused.

Edit:
Placeholder is OK in Chrome. In FF is hidden by default. But floating label problem still remains

@ThomasBurleson
Copy link
Contributor

@xavikortes - Now I see what the this issue identifies:

screen shot 2015-04-21 at 8 40 54 am

For future issues, if you submit a picture/snapshot or CodePen with the issue, that will help with our understanding. To quote Fred Barnard: "A picture is worth a thousand words..."

@ThomasBurleson ThomasBurleson added this to the 0.10.0 milestone Apr 21, 2015
@ThomasBurleson ThomasBurleson self-assigned this Apr 21, 2015
@ThomasBurleson ThomasBurleson modified the milestones: 0.9.0, 0.10.0 Apr 23, 2015
@elincognito
Copy link

Sorry in advance i don't know if i should open a new issue or comment on this.
2dbe6a9 does seem to fix this issue but if you notice carefully in the demo for input with a label and icon,
https://material.angularjs.org/#/demo/material.components.input (the name input) when the input gain focus the container height grows to accommodate the label, that is not consistent with a regular input with a label and no icon

@xavikortes
Copy link
Author

I think that it needs to be fixed too.

@ThomasBurleson
Copy link
Contributor

@xavikortes - open a new bug for milestone 0.10 plz.

@rochapablo
Copy link

+1

iconmaterial

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants