DocumentEditor Ribbon toolbar doesn't dynamicly resize when the parent component is resized.

[Jason]

We have the Syncfusion DocumentEditor component sit inside a parent div, this div is able to be resized, however when the div is resized, the ribbon toolbar doesn't update until focus is given to the editor.

Eg.

Div is resized to be smaller but the ribbon doesn't update.

Once the editor/ document is clicked on, the ribbon updates

We don't have this issue with the spreadsheet component, the toolbar dynamically updates

[Sujitha Siva]

Hi Jason,

We are currently reviewing your query based on the information provided. We will get back to you with further updates on December 10, 2025

Regards,

Sujitha S

[Sujitha Siva]

Hi Jason,

On further analysis, we have created a resizable <div> element and placed the DocumentEditor inside it, making the editor resize dynamically based on the parent <div>. However, when we resize the parent <div>, the ribbon also expands, as shown in the attached screenshot. Additionally, in our sample, the group icons are visible when the div is resized.

To help us investigate and replicate the issue on your side, Kindly share the following details:

1. Share more details about the issue and differences you observe when resizing the parent <div>.
2. Try to reproduce the issue using the attached sample or share a modified version of your sample if the issue persists.

Sample: Egq7rufx (duplicated) - StackBlitz

This will help us analyze the issue further and provide an appropriate solution.

Regards,

Sujitha S

Attachment: Resizing_Ribbon_628f247e.zip