Textarea does not auto resize its height when created

[derMart]

As title, create a Textarea with :autoResize=true and its model to contain some large text.
The Textarea will only adjust its height after the contents of the textarea dom element is changed by the user (so that its scrollheight is affected, e.g. by entering a newline)

Initially, this.cachedScrollHeight is falsy, so that it will be set to this.$el.scrollHeight by

primevue/src/components/textarea/Textarea.vue

Line 26 in 5323d88

this.cachedScrollHeight = this.$el.scrollHeight;

Then, the code block following:

primevue/src/components/textarea/Textarea.vue

Line 30 in 5323d88

if (this.cachedScrollHeight !== this.$el.scrollHeight) {

won't be executed, which results in the height of $el not being set to the scrollHeight.

The fix for this issue is simple, just remove:

primevue/src/components/textarea/Textarea.vue

Line 26 in 5323d88

this.cachedScrollHeight = this.$el.scrollHeight;

That way, the height of $el will be adjusted, as this.cachedScrollHeight !== this.$el.scrollHeight

[fairking]

Agree. I have the same issue. I am not sure but I thought it was working before.

[cagataycivici]

This was also in PrimeNG-PrimeReact so I've ported the solution from there to fix it.

[ilzbergs]

Can someone know to deal with this situation, when autoResize doesn't resize if text is larger that textArea field? Only resize on user typing.