javascriptでtextareaの高さを自動調節したいと考えています。
以下のULRを参考に実装したのですが、chromeなどではscrollHeightはスクロールバーを含む高さを取得してしまいます。そのため、右端近くで折返しがあるとその分、下に隙間ができてしまいます。
scrollHeightを使用して、スクロールバーを含まない高さを取得する方法はありますでしょうか?
以下はURL先から引用
HTML <textarea rows="1" cols="30" class="sample"></textarea>
javascript const sampleTextarea = document.querySelector('.sample'); sampleTextarea.addEventListener('input', () => { sampleTextarea.style.height = "20px"; sampleTextarea.style.height = sampleTextarea.scrollHeight + "px"; })
あなたの回答
tips
プレビュー