kendo-angular
kendo-angular copied to clipboard
[Editor] First rendering does not apply overflow correctly
Describe the bug The first rendering of the tool does not apply the toolbar overflow properly until the window is resized. It makes the overflow 3 vertical dots overlap with the last toolbar item.
To Reproduce https://stackblitz.com/edit/angular-b9qipy?file=src/app/app.component.ts
Screenshots
Before resize
After resize
The overflow issue can also be seen in the ToolBar component: StackBlitz example
I will also add in newer versions that the behavior doesn't render the overflow button and hides part of the tools UI:
https://user-images.githubusercontent.com/49076727/230016038-c533d9db-cba2-40b9-9741-e994bc7ec08f.mp4
As the behavior was updated a few times the initial description might not be valid anymore, but the overflow behavior is still wrong.
https://stackblitz.com/edit/angular-x7qhgr?file=src%2Fapp%2Fapp.component.ts
Fix available in v15.2.0
of @progress/kendo-angular-editor
package.