Andarist / Andarist/react-textarea-autosize

Placeholder text makes TextArea autosize incorrectly

Offen
#245 9 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
TypeScript
Sterne
2.4k
Forks
247
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

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;
}
}`

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.