Need to style mindmap textbox includes increasing height and width of textbox inside nodes.

[Virendra Singh Rathore]

We are using mindmap diagram and looking for a way to make input text bigger. At least make it multiline when user edit the node.

Like the example below
https://support.syncfusion.com/kb/article/8797/how-to-adjust-the-textbox-size-in-treenode-editable-state

[Vivisa Ganesan]

Hi,

While text editing the node, the text render in multiple lines once the text edit is completed the text render in single line. Are you expecting to increase the width and height of the node while text edit is completed. Refer the below image.

While initial text edit:

Text edit completed:

Regards,

Vivisa

[Virendra Singh Rathore]

Not after complete but when user is typing in it cause if you writing a big text you can not see backwards with little text box. Yes, if we could increase height and width of textbox while editing it.

[Vivisa Ganesan]

Hi,

We already have the same behavior that you have mentioned, you can refer the below video. If it not satisfy your requirement, could you please share your requirement with more details like videos, so that we will validate and update you with more details.

Regards,

Vivisa

Attachment: text_edit_c8ba5f7f.zip

[Virendra Singh Rathore]

Hi Vivisa,

When you create a new node and type something in it it will not go into new line however when you edit it again it will go into new line. Please watch the video for reference.

You can replicate this issue on your demo page as well.
https://ej2.syncfusion.com/angular/demos/#/material/diagram/mind-map

Created the sample code for this as well. You will notice in the video when i edit the root it goes in new line but new node is not.

https://stackblitz.com/edit/angular-mztfzd?file=src%2Fapp.component.ts,src%2Fdiagram-data.json

Attachment: vlcrecord2023050611h23m43sConverting_screen____414dae9b.zip

[Sivaranjith Jeyabalan]

Hi,

We will validate and update you with more details on May 10, 2023.

[Sivaranjith Jeyabalan]

Hi,

We have made the necessary modifications to the sample in order to meet your requirements. Now, when you edit the annotation of the newly created node, the annotation text box size will automatically expand. Here is the updated sample for your reference:

Sample: Hj3v4c (forked) - StackBlitz