Toolbar not shown when upgrade to version 20.1.0.47

[jose luis barajas]

Hi

Yesterday updated to version 20.1.0.47

I have a problem with RTE editor, when page loads, the toolbar doesn´t show, but if I resize the window it inmediately shows!

Please help....watch the video

Attachment: bandicam_20220407_123015253_bc8caeb7.rar

[Indrajith Srinivasan]

Hi Jose,

Greetings from Syncfusion support,

We have checked the shared vide demo, we suspect the RichTextEditor is not rendered properly initially and later with page resize the UI is refreshed, and toolbar is loaded. We have tried to replicate the reported issue from our end, using the Blazor WASM and Server application using the shared video demo use-case but unfortunately, we couldn’t replicate the reported issue.

Server sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Server_RTE_dynamicLoading917470166

WASM Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Wasm_RTE_dynamicLoading585339046

Note: In addition, can you try clearing the Nuget cache and check the reported issue from your end ?

Can you please check the above shared samples, and let us know if it meets the issue reproducing scenario?

Regards,

Indrajith

[jose luis barajas]

Hi  Indrajith 

Your sample codes works fine in my end.

I cleared nugget's cache and not works with my solution

and clear browser cache in every new test.

Check the image, a new issue appears at top left of the RTE editor.

Question: Is it possible to force the toolbar to be shown when the editor receives focus event?

As a note, with the previous version 19.4.0.56 this did not happend.

I appreciate your answer and I look forward to your comments!

Attachment: rte_image_with_error_919d5f7c.rar

[Buvana Sathasivam]

Hi Jose,

We suggest that you refresh the RichTextEditor toolbar using the RefreshUIAsync method at the Created event, as below code and sample.

<SfRichTextEditor @ref="SummaryRef">

    <RichTextEditorEvents Created="@CreatedHandler"></RichTextEditorEvents>

</SfRichTextEditor>

 

@code {

    SfRichTextEditor SummaryRef;

    public void CreatedHandler(Object args) // Triggered when created the RTE

    {

        SummaryRef.RefreshUIAsync();  // Here, you can refresh the RTE Toolbar

    }

}

API link: https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.SfRichTextEditor.html#Syncfusion_Blazor_RichTextEditor_SfRichTextEditor_RefreshUIAsync

Another way to solve your problem is to refresh the Rich Text Editor after the dialogue has opened, as in the below documentation page.

https://blazor.syncfusion.com/documentation/rich-text-editor/how-to/rte-inside-dialog

Regards,

Buvana S