Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

textarea initial height too tall #2154

Closed
calebegg opened this issue Apr 3, 2015 · 2 comments
Closed

textarea initial height too tall #2154

calebegg opened this issue Apr 3, 2015 · 2 comments
Milestone

Comments

@calebegg
Copy link
Member

calebegg commented Apr 3, 2015

In Chrome, the initial height of a <textarea> in an <md-input-container> is set to the height of two lines of text, but according to the Material spec, it should start out at the height of a normal text field and expand as the user types more

http://www.google.com/design/spec/components/text-fields.html#text-fields-multi-line-text-field

This can be demonstrated on the angular material site demo page:

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

(just delete all the content from "Biography", for example).

@lkaragol
Copy link

It's not just a Chrome issue. Same think on Safari and Firefox also like below. There is one extra line.

screen shot 2015-04-10 at 12 02 32

@maelfrize
Copy link

👍

@ThomasBurleson ThomasBurleson modified the milestones: 0.10.0, 0.11.0 Jun 16, 2015
Splaktar pushed a commit that referenced this issue Jul 4, 2015
Change min-height for textarea to one line height (and remove extra
padding space), and set rows=“1”, since it defaults to 2.

Closes #2953. Fixes #2154.
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.

5 participants