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 09:50 AM UTC

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 06:38 PM UTC

Hello Pandiyaraj,

Thank you for the information. It works now.

Kind Regards,
Tsvetan


PM Pandiyaraj Muniyandi Syncfusion Team August 20, 2019 07:00 PM UTC

Hi Tsvetan, 
  
Most welcome! 
  
Regards, 
Pandiyaraj M 



JT Joseph Tan August 26, 2020 04:44 AM UTC

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 06:46 AM UTC

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 12:21 PM UTC

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 12:34 PM UTC

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 12:35 PM UTC

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 April 1, 2021 03:19 AM UTC

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