Rich Text Editor - responsive toolbar - More tools button overlaps another toolbar item

[Rita]

Hello! I noticed unusual behavior in the responsive toolbar on initial loading or reloading. The dropdown button with more tools overlaps another dropdown till the window is resized, and I even can't click on it.

Is it possible to hide the overlapped item immediately to prevent such cases?

The issue reproduces here: https://www.telerik.com/kendo-angular-ui/components/editor/responsive-toolbar/

Thanks,
Rita

[Valentin]

Hi Rita,

Thank you for the provided information.

Indeed, the demonstrated undesired behavior is caused by a bug on our side. That is why I logged an issue in our public GitHub repository, where it can be tracked:

https://github.com/telerik/kendo-angular/issues/3661

I have also updated your account Telerik points for bringing this issue to our attention.

Until the issue is resolved the following Stackblitz example can be used as a workaround:

https://stackblitz.com/edit/angular-e54cxb?file=app/app.component.ts

I hope the provided information helps.

Regards,
Valentin
Progress Telerik

[Rita]

Got it, thanks!

[Valentin]

Hi Rita,

Thank you for the provided feedback.

Indeed this is a known issue and I am happy to say that the bug was fixed in version 5.0.2 of the Toolbar package.

https://www.telerik.com/kendo-angular-ui/components/toolbar/changelog/#fadabbb4-c54c-521c-90b1-692e2760f928

Please update the component to the latest version to apply the fix:

https://www.telerik.com/kendo-angular-ui/components/installation/up-to-date/

Regards,
Valentin
Progress Telerik

[Rita]

Thanks for the answer! However, I still observe an overlap after initial loading. The "More tools" button still overlaps a "Select font size" dropdown. Is it expected?
Can be reproduced here: https://www.telerik.com/kendo-angular-ui/components/editor/responsive-toolbar/