First row not visible in Rich Text editor

[Tsvetan]

Hello,

We are using the Rich Text editor like this:               

 <EjsRichTextEditor @bind-Value=@this.Characteristics >                     

 </EjsRichTextEditor>

But the first row is not visible, only when you click enter you see the cursor. Even if there is a text it's not visible on this first row.

This rich text editor is inside of EjsDialog

Kind Regards,

Tsvetan

[Pandiyaraj Muniyandi]

Hi Tsvetan, 

 

Greetings from Syncfusion support. 

 

We have validated the reported issue and able to reproduce from our end while render the Rich Text Editor inside the Dialog component. The dialog container and its wrapper elements are styled with display as none, so the editor’s toolbar does not get proper offset width and rendered above the edit area container and hide the first row of content. 

 

So, we suggest you to call the RichTextEditor RefreshUI method on Dialog Opened Event callback as mentioned below syntax 

 

RefreshUI API: Used to refresh RichTextEditor views like toolbar and char count. 

 

https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.SfRichTextEditor.html#Syncfusion_Blazor_RichTextEditor_SfRichTextEditor_RefreshUI 

 

<EjsDialog @ref="DialogObj" Width="450px" ShowCloseIcon="true"> 

    <DialogEvents Opened="@DialogOpen"></DialogEvents> 

    <DialogTemplates> 

        <Header> 

            <div>Dialog Header</div> 

        </Header> 

        <Content> 

            <EjsRichTextEditor @ref="RteObj" @bind-Value=@this.Characteristics> 

            </EjsRichTextEditor> 

        </Content> 

    </DialogTemplates> 

</EjsDialog> 

 

 

@code { 

    EjsDialog DialogObj; 

    EjsRichTextEditor RteObj; 

 

    private string Characteristics; 

 

    private void DialogOpen() 

    { 

        this.RteObj.RefreshUI(); 

    } 

} 

 

 

We have prepared sample for your reference, get it from below link  

https://www.syncfusion.com/downloads/support/forum/146752/ze/RichTextEditor177829493 

 

Regards, 

Pandiyaraj M 

[Tsvetan]

Hello Pandiyaraj,

Thank you for the information. It works now.

Kind Regards,

Tsvetan

[Pandiyaraj Muniyandi]

Hi Tsvetan, 

  

Most welcome! 

  

Regards, 

Pandiyaraj M 

[Joseph Tan]

I had the same problem with Blazor release 18.2.48 and this fixed it.

This really should be in the documentation (I couldn't find it)

 https://blazor.syncfusion.com/documentation/rich-text-editor/getting-started/

[Indrajith Srinivasan]

Hi Joseph, 

 

Good day to you, 

 

We have already considered internally the addition of this in Rich Text Editor documentation and it will be included on or before our Volume 3 Main release. 

 

Regards, 

Indrajith 

[Indrajith Srinivasan]

Hi Joseph,

We couldn't include the documentation changes with our Volume 3 main release. We will include the documentation from our end, on or before Volume 3 SP 1 release.

Regards,
Indrajith 

[Indrajith Srinivasan]

Hi Joseph,


We couldn't include the document changes with our volume 3 Sp1 release. We will include the documentation from our end on or before our Volume 4 SP 1 release.

Regards,
Indrajith

[Revanth Krishnan]

Hi Joseph, 

 

 

Sorry for the inconvenience. 

 

We couldn't include the document changes with our Volume 4 Sp1 release. We will include the documentation from our end on or before our 2021 Volume 1 release. 

 

We appreciate your patience till then. 

 

Regards, 

Revanth 

[Revanth Krishnan]

Hi Joseph,  

  

  

Sorry for the inconvenience.  

  

We couldn't include the document changes with our 2021 Volume 1 release. We will include the documentation from our end on or before our 2021 Volume 1 SP release.  

  

We appreciate your patience till then.  

  

Regards,  

Revanth