Change:
!
Reproduces in an insiders build from 3 days ago. Maybe related to context view changes?
closedWith

Discussion:
actions?: ReadonlyArray<IAction>; actionProvider?: IActionProvider; menuClassName?: string; <ins> menuAsChild?: boolean; // scope down for #99448 </ins> } export class DropdownMenu extends BaseDropdown {

private _actions: ReadonlyArray<IAction> = []; private actionProvider?: IActionProvider; private menuClassName: string; <ins> private menuAsChild?: boolean; </ins> constructor(container: HTMLElement, options: IDropdownMenuOptions) { super(container, options);

this.actions = options.actions || []; this.actionProvider = options.actionProvider; this.menuClassName = options.menuClassName || ''; <ins> this.menuAsChild = !!options.menuAsChild; </ins> } set menuOptions(options: IMenuOptions | undefined) {

onHide: () => this.onHide(), actionRunner: this.menuOptions ? this.menuOptions.actionRunner : undefined, anchorAlignment: this.menuOptions ? this.menuOptions.anchorAlignment : AnchorAlignment.LEFT, <del> anchorAsContainer: true </del> <ins> anchorAsContainer: this.menuAsChild </ins> }); }

private keybindings?: (action: IAction) => ResolvedKeybinding | undefined; private clazz: string | undefined; private anchorAlignmentProvider: (() => AnchorAlignment) | undefined; <ins> private menuAsChild?: boolean; </ins> <del> constructor(action: IAction, menuActions: ReadonlyArray<IAction>, contextMenuProvider: IContextMenuProvider, actionViewItemProvider: IActionViewItemProvider | undefined, actionRunner: IActionRunner, keybindings: ((action: IAction) => ResolvedKeybinding | undefined) | undefined, clazz: string | undefined, anchorAlignmentProvider?: () => AnchorAlignment); constructor(action: IAction, actionProvider: IActionProvider, contextMenuProvider: IContextMenuProvider, actionViewItemProvider: IActionViewItemProvider | undefined, actionRunner: IActionRunner, keybindings: ((action: IAction) => ResolvedKeybinding) | undefined, clazz: string | undefined, anchorAlignmentProvider?: () => AnchorAlignment); constructor(action: IAction, menuActionsOrProvider: ReadonlyArray<IAction> | IActionProvider, contextMenuProvider: IContextMenuProvider, actionViewItemProvider: IActionViewItemProvider | undefined, actionRunner: IActionRunner, keybindings: ((action: IAction) => ResolvedKeybinding | undefined) | undefined, clazz: string | undefined, anchorAlignmentProvider?: () => AnchorAlignment) { </del> <ins> constructor(action: IAction, menuActions: ReadonlyArray<IAction>, contextMenuProvider: IContextMenuProvider, actionViewItemProvider: IActionViewItemProvider | undefined, actionRunner: IActionRunner, keybindings: ((action: IAction) => ResolvedKeybinding | undefined) | undefined, clazz: string | undefined, anchorAlignmentProvider?: () => AnchorAlignment, menuAsChild?: boolean); constructor(action: IAction, actionProvider: IActionProvider, contextMenuProvider: IContextMenuProvider, actionViewItemProvider: IActionViewItemProvider | undefined, actionRunner: IActionRunner, keybindings: ((action: IAction) => ResolvedKeybinding) | undefined, clazz: string | undefined, anchorAlignmentProvider?: () => AnchorAlignment, menuAsChild?: boolean); constructor(action: IAction, menuActionsOrProvider: ReadonlyArray<IAction> | IActionProvider, contextMenuProvider: IContextMenuProvider, actionViewItemProvider: IActionViewItemProvider | undefined, actionRunner: IActionRunner, keybindings: ((action: IAction) => ResolvedKeybinding | undefined) | undefined, clazz: string | undefined, anchorAlignmentProvider?: () => AnchorAlignment, menuAsChild?: boolean) { </ins> super(null, action); this.menuActionsOrProvider = menuActionsOrProvider;

this.keybindings = keybindings; this.clazz = clazz; this.anchorAlignmentProvider = anchorAlignmentProvider; <ins> this.menuAsChild = menuAsChild; </ins> } render(container: HTMLElement): void {

const options: IDropdownMenuOptions = { contextMenuProvider: this.contextMenuProvider, <del> labelRenderer: labelRenderer </del> <ins> labelRenderer: labelRenderer, menuAsChild: this.menuAsChild </ins> }; // Render the DropdownMenu around a simple action to toggle it

this.actionRunner, this.options.getKeyBinding, toolBarMoreIcon.classNames, <del> this.options.anchorAlignmentProvider </del> <ins> this.options.anchorAlignmentProvider, true </ins> ); this.toggleMenuActionViewItem.value.setActionContext(this.actionBar.context);