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

Input hints can only contain single-line text #3337

Closed
iliketomatoes opened this issue Feb 28, 2017 · 9 comments
Closed

Input hints can only contain single-line text #3337

iliketomatoes opened this issue Feb 28, 2017 · 9 comments
Assignees
Labels
feature This issue represents a new feature or feature request rather than a bug or bug fix needs: discussion Further discussion with the team is needed before proceeding P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Comments

@iliketomatoes
Copy link

iliketomatoes commented Feb 28, 2017

Bug, feature request, or proposal:

Bug/Feat/Proposal

What is the expected behavior?

As you can see in Angular Material 1, I would expect the hint text to stay below the input field even when it contains more than one line of text .

What is the current behavior?

md-hint element's content is overlapping the corresponding input field if the hint contains multi-line text, due to the CSS rules that are applied to md-hint elements by default. I.E. position:absolute and bottom: 0

What are the steps to reproduce?

Just add a multi-line text into a md-hint.

material_form

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

It'd be useful to have multi-line hints under some input field to point out several warnings in a form at the same time.

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

Angular 2.4.8
Material 2.0.0-beta.2

on latest versions of Chrome and Firefox

Is there anything else we should know?

Maybe you should reconsider the absolute positioning of the md-hint element to solve this issue.

@kara kara added the P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent label Feb 28, 2017
@mmalerba mmalerba added discussion feature This issue represents a new feature or feature request rather than a bug or bug fix labels Feb 28, 2017
@finalxcode
Copy link

+1

2 similar comments
@jefersonestevo
Copy link
Contributor

+1

@JosuaMeier
Copy link

+1

@finalxcode
Copy link

@mmalerba the issue has been fix?

@ianhatton
Copy link

+1

1 similar comment
@anapanadero
Copy link

+1

@dahaupt
Copy link

dahaupt commented Apr 4, 2017

@finalxcode This one is still in discussion but I'm sure we will see this getting fixed within the next weeks after ng-conf. The conference is most likely the reason why the team is currently not that active here on the repo.

@finalxcode
Copy link

@dahaupt thanks

@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
@mmalerba mmalerba added the needs: discussion Further discussion with the team is needed before proceeding label Mar 3, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
feature This issue represents a new feature or feature request rather than a bug or bug fix needs: discussion Further discussion with the team is needed before proceeding P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent
Projects
None yet
Development

No branches or pull requests

9 participants