Search jQuery

jQuery Forum

in Using jQuery • 8 years ago

Hi,

I have a dynamic html table , where last two columns ( textareas) are auto resizable.

But I am facing the below issues,

The code works fine in jsfiddle but not in browser.
Also , when first row textarea expand to a certain length. The next dynamic row that gets added "using add button" also has the same dimension as that of the expanded previous text area.

PS: I don't want to rely on any plugin for this.

Replies(2)

8 years ago

Can someone please help on this

8 years ago

.clone() does just what it says. It makes an exact copy. That includes CSS styles. You cloned the textarea to which you'd applied CSS styles:

el.style.cssText = 'height:' + el.scrollHeight + 'px';

(Note that in the specific case of textarea, it does not clone the content of the field. In the case of an input, however, it does.)

Either remove the styles from the cloned element, or keep a hidden element on the page that you do not modify and use as a source for cloning.