Kendo-toolbar-button group not working

[Carlos]

I'm currently testing the kendo editor component. When I run the editor in an isolated project the toolbar works perfectly, but when I run the editor in our project the button-group components don't show any buttons and as it's shown in the attached resources the buttons array seems to be empty, when in the HTML template there is clearly two buttons inside the button group. I have tried re setting the node modules and downgrading some versions but it isn't working still. It's important to note that the issue does not happen when using the normal button-group outside of the toolbar.

<div class="edit-container container-fluid">
<div class="row">
    <app-header [wiki]="wiki"></app-header>
    <kendo-editor>
        <kendo-toolbar>
            <kendo-toolbar-buttongroup>
                <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>
                <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>
            </kendo-toolbar-buttongroup>
        </kendo-toolbar>
    </kendo-editor>
</div>
</div>

[Martin]

Hi Carlos,

Since the same markup works in the isolated project, but it's broken on your projects, the markup is valid and the issue might be caused by some local configuration.

What I could suggest is to compare both project's configs like:

• package.json file and installed versions.
• angular.json
• imported modules
• Angular version

I test the latest Editor version in Angular v14, but it works correctly on my side.

In case further assistance is needed for this case, please send us an isolated app, where the issue is reproduced so that we can debug the code and be able to provide a solution. Thank you.

Regards,
Martin
Progress Telerik