Text area gaining multiple inner sections

[Kevin]

I have a grid with an edit button which opens a modal window

Inside that modal window I have a text area

Each time I set the value, it indents

$("#mytextarea").kendoTextArea().data('kendoTextArea').value("A new comment here");

It starts to do this which each successive setting of the value.

<span class="k-input k-textarea k-input-solid k-input-md k-rounded-md" style="width: 100%;">
<span class="k-input k-textarea !k-overflow-y-auto k-input-inner k-input-solid k-input-md k-rounded-md" style="width: 100%; resize: none;">
<span class="k-input k-textarea !k-overflow-y-auto k-input-inner k-input-solid k-input-md k-rounded-md" style="width: 100%; resize: none;">
<span class="k-input k-textarea !k-overflow-y-auto k-input-inner k-input-solid k-input-md k-rounded-md" style="width: 100%; resize: none;">
<textarea id="setup-deliverymethod-dialog-comments-textarea" style="width: 100%; resize: none;" data-role="textarea" aria-disabled="false" rows="1" placeholder="Comments" class="!k-overflow-y-auto k-input-inner" autocomplete="off"></textarea>
</span>
</span>
</span>
</span>

Am I setting the textarea value incorrectly?

 

[Georgi Denchev]

Hello, Kevin,

Thank you for the provided details.

The problem most likely occurs because the TextArea is being initialized over and over again, whenever you click the button.

The following part of the code should be executed only the first time you initialize the window(I'm assuming you're not destroying it):

$("#mytextarea").kendoTextArea()

After that, the above piece of code should not be called, since the textarea is already created. You can simply get a reference to the widget and update its value:

var textarea = $("#mytextarea").data("kendoTextArea");

if(!textarea) {
 textarea = $("#mytextarea").kendoTextArea();
}

textarea.value("My new value");

Let me know if you have any questions.

Best Regards,
Georgi Denchev
Progress Telerik