Current behavior
ToolbarComponent, DropDownButton and SplitButton utilize the PopupSettings of type:
interface PopupSettings {
animate?: boolean;
appendTo?: 'root' | 'component' | ViewContainerRef;
popupClass?: string;
anchorAlign?: Align;
popupAlign?: Align;
width?: number | string;
height?: number | string;
}
For the overflow popup, they all work fine, but for the buttons:
- popupAlign
- anchorAlign
- height
- width
properties don't work.
https://stackblitz.com/edit/angular-jqhp2d?file=app/app.component.ts
Currently, the DropDownButton and SplitButton popup alignment can be changed, by using the align property of the Buttons PopupSettings type
https://stackblitz.com/edit/angular-jqhp2d-smtyhp?file=app/app.component.ts
Expected behavior
Create separate PopupSettings interface for the DropDownButton and SplitButton components to:
isolate the width and height options
to unify the PopupSettings of the Toolbar SplitBtn and DropDownBtn with the updated Buttons PopupSettings:
interface PopupSettings { animate?: boolean; appendTo?: 'root' | 'component' | ViewContainerRef; popupClass?: string; anchorAlign?: Align; popupAlign?: Align; width?: number | string; height?: number | string; }