Breaking News: Grepper is joining You.com. Read the official announcement!

auto increase textarea height

Add Answer

chifarol answered on June 3, 2020 Popularity 10/10 Helpfulness 4/10

answer auto increase textarea height

related js textarea auto height

related make textarea auto height

related html textarea auto height to amount of text

related auto adjust textarea

auto increase textarea height

Comment

//html
<textarea name="text" oninput="auto_grow(this)"></textarea>

//js
<script>
function auto_grow(element) {
    element.style.height = "auto";
    element.style.height = (element.scrollHeight)+"px";
  };
 const x = document.querySelector('#textarea-input')
 x.onsubmit = (event) => {
    messageBox.style.height = 'auto';}
</script>

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: auto height textarea whatever

Link to this answer
Share Copy Link

Contributed on Jul 19 2022

chifarol

0 Answers Avg Quality 2/10

Closely Related Answers

js textarea auto height

Comment

 $('#product_description').each(function() {
     console.log(this.scrollHeight)
     this.setAttribute("style", "height:" + (this.scrollHeight) + "px;overflow-y:hidden;");
 }).on("input", function() {
     console.log(this.scrollHeight)
     this.style.height = 0;
     this.style.height = (this.scrollHeight) + "px";
 });

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: auto height heig

Link to this answer
Share Copy Link

Contributed on Nov 07 2023

Shadow

0 Answers Avg Quality 2/10

make textarea auto height

Comment

function autoResize() {
	console.log('resizing');
	textInput.style.height = (textInput.scrollHeight) + 'px';
}

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: auto

Link to this answer
Share Copy Link

Contributed on Sep 05 2021

MunchDuster

0 Answers Avg Quality 2/10

html textarea auto height to amount of text

Comment

$('textarea').each(function () {
  this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');
}).on('input', function () {
  this.style.height = 'auto';
  this.style.height = (this.scrollHeight) + 'px';
});

Popularity 10/10 Helpfulness 2/10 Language html

Source: stackoverflow.com

Tags: auto

Link to this answer
Share Copy Link

Contributed on Jun 03 2020

Dangerous Dove

0 Answers Avg Quality 2/10

auto adjust textarea

Comment

const tx = document.getElementsByTagName("textarea");
for (let i = 0; i < tx.length; i++) {
  tx[i].setAttribute("style", "height:" + (tx[i].scrollHeight) + "px;overflow-y:hidden;");
  tx[i].addEventListener("input", OnInput, false);
}

function OnInput() {
  this.style.height = 0;
  this.style.height = (this.scrollHeight) + "px";
}

Popularity 9/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: auto

Link to this answer
Share Copy Link

Contributed on Apr 21 2023

chifarol

0 Answers Avg Quality 2/10

auto increase textarea height

Contents

More Related Answers

auto increase textarea height

Closely Related Answers

js textarea auto height

make textarea auto height

html textarea auto height to amount of text

auto adjust textarea

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.