We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

First row not visible in Rich Text editor

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

9 Replies

PM Pandiyaraj Muniyandi Syncfusion Team August 19, 2019 04:50 AM

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. 
 
 
<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  
 
Regards, 
Pandiyaraj M 



TS Tsvetan August 20, 2019 01:38 PM

Hello Pandiyaraj,

Thank you for the information. It works now.

Kind Regards,
Tsvetan


PM Pandiyaraj Muniyandi Syncfusion Team August 20, 2019 02:00 PM

Hi Tsvetan, 
  
Most welcome! 
  
Regards, 
Pandiyaraj M 



JT Joseph Tan August 25, 2020 11:44 PM

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)



IS Indrajith Srinivasan Syncfusion Team August 27, 2020 01:46 AM

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 



IS Indrajith Srinivasan Syncfusion Team October 6, 2020 07:21 AM

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
 



IS Indrajith Srinivasan Syncfusion Team December 10, 2020 07:34 AM

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


RK Revanth Krishnan Syncfusion Team February 1, 2021 07:35 AM

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 



RK Revanth Krishnan Syncfusion Team March 31, 2021 10:19 PM

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 


Loader.
Live Chat Icon For mobile
Up arrow icon