Skip to content

Input hints can only contain single-line text #3337

Closed
@iliketomatoes

Description

@iliketomatoes

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.

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentfeatureThis issue represents a new feature or feature request rather than a bug or bug fixneeds: discussionFurther discussion with the team is needed before proceeding

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions