Показать все строки текстовой области при загрузке страницы

Question

Как я могу показать все строки текстовой области при загрузке страницы. (Например, если при загрузке страницы в текстовой области отобразятся только 2 строки, но если вы щелкнете по ней и отредактируете, она отобразит другие строки текстовой области)

html

<textarea cols = "20" id = "textarea">

uhawefhuaewfuhaweufihwaeuifhaweiuhfawuiefhawieuf

</textarea>

css

<style>

textarea{
resize: none !important;
overflow:hidden;
border: none;
}      

</style>

Я попробовал немного jquery, либо я сделал это неправильно, либо это просто не сработает.

<script>

var height = document.getElementById('commentinput<?php echo $commentid?>').scrollHeight;
$('#commentinput<?php echo $commentid?>').css({"height": height + "px;"});

</script>

dis for yall ->  <script src="jquery-3.4.1.min.js"></script>

Answer 1

Я не очень хорошо знаю jQuery, но ваш подход должен работать просто: JavaScript:

const commentInput = document.querySelector('#commentinput');
const commentInputHeight = commentInput.scrollHeight;
commentInput.style.height = `${commentInputHeight}px`;