Current behavior

When clicked on an item with the class "dropdown-item", the dropdown will always close. Currently there's no way to adjust this behaviour.

Request

We need to be able to keep the dropdown open, when the user clicked on a dropdown item in some cases (i.e. multistep menus). This could be easily handled by the dropdown component with an additional @input (for example "closeMenuOnItemClicked", or even allow more customizing with a "closingMode")

Otherwise we would have to duplicate all dropdown-item styles to another class (like .dropdown-item-custom) so the components method "_listenToOutSideCick" recognizes it as custom content and doesn't close anymore (which would be really uncomfortable).

Resources (screenshots, code snippets etc.)

Use Case

Example implementation with simple boolean input

 _listenToOutSideCick(overlayRef, origin) {
        return fromEvent(document, 'click').pipe(filter((event) => {
            const target = event.target;
            const isInsideMenu = this._dropdownMenu.nativeElement.contains(target);
            const keepAliveWhenItemInsideClicked = isInsideMenu && !this.closeMenuOnItemClicked;
            if(keepAliveWhenInsideClicked) {
                return false; 
            }