<p>In my scenario I have two st.columns with two textareas. One for user input and another for generated text. </p> <p>Is it possible to make the text area expand with each line and remove the scroll bars in the text area? </p> <p>While testing, I can only use scrollbars, and I know you can use st.markdown to insert HTML, but I don't know how to call textareas and how to edit these to adjust the height dynamically. </p>

const textArea = document.querySelector('.textarea-test')

textArea.addEventListener('input',(e)=>{
textArea.style.height = "auto"
  textArea.style.height = `${textArea.scrollHeight}px`;
})