Tengo un código para una entrada de Autocompletar que agregará a un elemento de área de texto el valor que se elige en la entrada de Autocompletar, como una lista separada por una nueva fila.

Al agregar filas al área de texto por separado, al presionar Entrar para una nueva fila, se expande para completar la nueva fila y el valor, sin embargo, en mi caso, cuando uso +('\n') se crea una nueva línea pero el área de texto no se está expandiendo. Supongo que tiene que ver con la funcionalidad de Enter vs \n. Entonces, ¿hay alguna forma diferente de crear una nueva línea que el área de texto también se expanda?

Mi fragmento de código es:

 b.addEventListener("click", function(e) { /*insert the value for the autocomplete text field:*/ document.getElementById('myTxt').focus(); document.getElementById('myInput').focus(); myTxt.value += this.getElementsByTagName("input")[0].value + ('\n'); inp.value = "";