Rich Text Editor not display in newline inside of Syncfusion Tabs with headerPlacement="Right"

[Key James]

Hi,

I faced a problem where the Rich Text Editor (RTE) will not display the string in newline if the RTE is inside of Syncfusion Tabs with headerPlacement="Right".

I've put the RTE inside of a div

And call the div inside of the Syncfusion Tabs

The string that I am trying to display inside of RTE is:

<p>Line1</p><p>Line2</p>

But when I run the code, the RTE display it in a single line as show below:

I've noticed that if I remove headerPlacement="Right" property inside the Syncfusion Tabs, the RTE will display the string in newline as show below:

I thought that the headerPlacement property might clash with the RTE. But I still need to have the Header Placement on the right.

Is there a way to make the RTE display the string properly in newline while inside of Syncfusion Tabs with headerPlacement="Right"?

[Revanth Krishnan]

Hi James, 

 

 

Greetings from Syncfusion support. 

 

 

We have validated your query and we are able to reproduce the issue from our end this can be resolved by setting the styles display to the class ‘.e-tab.e-vertical-tab .e-content’. We have prepared a sample for your reference, 

 

Code Snippet: 

<style> 

    .e-tab.e-vertical-tab .e-content { 

        display: block; 

    } 

 

    .e-tab.e-vertical-tab > .e-content { 

        display: flex; 

    } 

</style> 

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/RTE_Core_App-378059256 

 

Regards, 

Revanth