Currently there is no way to choose the popup position. If the button is near the border of the screen the popup will be outside the screen.

In the moment the kendo-toobar-dropdownbutton look like an "normal" toolbar-button. The user has no visual indication that the button reveals a drop down list.

https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types/#toc-drop-down-buttons

Please add a dropdown-arrow like it is present in the split-button to the dropdown-button.

https://www.telerik.com/kendo-angular-ui/components/toolbar/control-types/#toc-split-buttons

 

Feature to add a separator in the list of the DropDownButton just like Kendo Menu: Items - Menu - Kendo UI for Angular (telerik.com)

Please support nested items in DropDownButton and SplitButton

The animate property of a PopupSettings object passed to the DropDownButton's popupSettings input, officially only supports a boolean value.

The component seems to already be working as expected if a PopupAnimation is passed to the animate property instead of boolean.

However, doing this results in a Typescript error, as this configuration is not officially supported:

Type '{ direction: string; }' is not assignable to type 'boolean | undefined'.
Type '{ direction: string; }' is not assignable to type 'true'.ngtsc(2322)

Please make this configuration part of the officially supported API of the component.

For reference download the attached project and run npm i and ng serve.

How to reproduce :

- Create a dropdown button with some items

- Open it with your mouse

 

What happens :

The first button is automatically focussed. Even with mouse use.

 

Feature request :

Allow to focus on nothing if you use the mouse.

Or allow to select the default focussed item with an input of DropdownButton component. It could accepts no default focus.

I didn't find any possibility in the documentation to manage the KendoDropDownButton popup state with anchorViewportLeave event.