Andarist / Andarist/react-textarea-autosize

Placeholder text makes TextArea autosize incorrectly

Open
#245 9 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
2.4k
Forks
247
PR merge metrics
No merged PRs in 30d

Description

The text area is not autosizing correctly. When I implement placeholder text the TextArea gets an extra line of height too tall, but when I start filling in the field it sizes correctly. I have attached images below for reference.




NotRightSize
_Placeholder text = not correct size_




RightSize
_With actual text = correct size_




NoPlaceholderRightSize
_With no placeholder and empty = correct size_

SASS for reference

`.TextArea {
width: 90%;
height: auto;
background: #EDEEFF;
font-size: 0.875rem;
padding: 1rem;
margin: 1rem;
border-radius: 1.25rem 1.25rem 0.2rem 1.25rem;
border: none;
resize: none;
text-decoration: underline;

&::placeholder {
text-decoration: underline;
font-size: 0.7rem;
}
}`

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.