Cannot see first line of rte, also toolbar is outside component

[Krasimir Ivanov]

Hello,

The first line of the rte component is overlapped by the toolbar. If I start typing I have to click enter in order to actually see the text. It is saved correctly however. Moreover, the toolbar goes outside the component. 

[Pandiyaraj Muniyandi]

Hi Ivan, 

 

Greetings from Syncfusion support. 

 

We have validated the reported issue and suspect you’re rendered the Rich Text Editor inside our SfDialog component. The width is properly not calculated due to animation delay, so the editor misaligned over the toolbar and not able to access RTE.   

 

We suggest you call the SfRichTextEditor - RefreshUI() public method in SfDialog - Opened event callback to resolve the reported issue. Please find code example given below, 

 

 

<SfDialog Width="450px"> 

    <DialogTemplates> 

        <Header> RTE </Header> 

        <Content> 

            <SfRichTextEditor @ref="RteRef"></SfRichTextEditor> 

        </Content> 

    </DialogTemplates> 

    <DialogEvents Opened="@DialogOpened" /> 

</SfDialog> 

 

@code{ 

    SfRichTextEditor RteRef; 

 

    private async Task DialogOpened() 

    { 

        await this.RteRef.RefreshUI(); 

    } 

} 

 

 

We have prepared sample with above changes for your reference, please get it from the below link
https://www.syncfusion.com/downloads/support/forum/158845/ze/DialogRTE-770166412 

 

If you still facing any issue, kindly revert to us. 

 

Regards,                                                                                                                                            

Pandiyaraj