dropdown item keyboard selection with autoclose = true not happening

Bug description:

• click on drop down with autoClose = true
• press arrow down
• press enter current:
• dropdown is closed while click handler of dropdown item was not fired expected
• dropdown is closed and click handler of dropdown item was fired

selection works when autoclose is false.

Link to minimally-working StackBlitz that reproduces the issue:

https://stackblitz.com/edit/angular-6c8p1w?file=app/dropdown-manual.ts

Versions of Angular, ng-bootstrap and Bootstrap:

Angular: reproduced on 8.0.0 and 7.1.3 ng-bootstrap: 4.2.1 Bootstrap: 4.3.1

excerpt from src/dropdown/dropdown.ts

...
    // closing on Enter / Space
    if (key === Key.Space || key === Key.Enter) {
      if (isEventFromItems && (this.autoClose === true || this.autoClose === 'inside')) {
        this.close();
      }
      return;
    }

    // opening / navigating
    if (isEventFromToggle || isEventFromItems) {
....

navigation is not happening when user press enter or space. Would you mind if I change it to allow navigation and close dropdown async if it required? I suppose without async closing dropdown item will disappear before click event fires.

upd found a workaround and added into the stackblitz. good enough for now.

[IAfanasovMob]

@kerbs17 it’s about selection using keyboard (: I see in the gif attached you use a mouse

[kerbs17]

Interesting, I’m using your provided stackblitz url and it doesn’t work in Chrome, FF, or Safari on my Mac.