\documentclass[a4paper, 11pt]{article}
\renewcommand{\familydefault}{\sfdefault}
\usepackage{a4wide}
\usepackage[utf8]{inputenc}
\usepackage[ngerman]{babel}
\usepackage{color}
\usepackage{graphicx}
\usepackage{setspace}
\usepackage{ulem}
\usepackage{listings}
\usepackage{float}
\usepackage[rflt]{floatflt}
\usepackage{tabularx}
\setlength{\parindent}{0pt}
\title{autoresize Textarea - Vanilla JS}
\usepackage[
pdftitle={autoresize Textarea - Vanilla JS}
pdfsubject={Das Textarea verändert seine Höhe mit zunehmender Zeilenzahl}
pdfauthor={Udo Schmal}
pdfkeywords={JavaScript, Textarea}
]{hyperref}
\definecolor{darkblue}{rgb}{0,0,.5}
\hypersetup{pdftex=true, colorlinks=true, breaklinks=true, linkcolor=darkblue, menucolor=darkblue, pagecolor=darkblue, urlcolor=darkblue}
\begin{document}autoresize Textarea - Vanilla JS
\singlespacing
{\LARGE \textbf{\label{sec:title}autoresize Textarea}}

Ein Textarea Element das seine Höhe mit zunehmender Zeilenzahl verändert, damit der vollständige Text angezeigt wird aber kein überflüssiger Leerraum.
Textarea (autoresize):\label{sec:info}
\singlespacing
{\small \textbf{HTML:}}

\href{https://www.gocher.me/code/autoresize/textarea.htm}{textarea.htm}

\singlespacing
{\small \textbf{JavaScript:}}

\href{https://www.gocher.me/code/autoresize/autoresize.js}{autoresize.js}

\singlespacing
{\small \textbf{StyleSheet:}}

\href{https://www.gocher.me/code/autoresize/autoresize.css}{autoresize.css}
\label{sec:autoresize.js}\end{document}