Project Details:

• .NET Core 3.0
• Dependencies:
  • "@progress/kendo-theme-material": "^2.5.2"
  • "@progress/kendo-ui": "^2019.3.1114"
  • "@types/kendo-ui": "^2019.3.1"
  • "aurelia-kendoui-bridge": "^1.9.0"

Issue:
The toolbar item type "spacer" does not work correctly. The element "ak-toolbar" renders with an inline style of "Display: block" causing toolbar items of type "spacer" to display in block fashion.

Expected Result (when tested using Kendo for JQuery):
If a spacer item placed between two button type items, then the first button remains at the immediate left and the second button is flexed to the most right. The two buttons should be spaced opposite in either direction using the full width of the parent element.

Current Work Around
.k-toolbar.containsSpacer { display:flex !important; }

I believe the information provided here is correct. Please let me know if further details are needed. It would be helpful if you could supply a more proper work around if one exists. Thank you.