Feature Request: Dropdown open trigger selection (hover, click)

[dstj]

Feature Request

I think it would be cleaner to support controlling some common Dropdown triggers as an option of the NgbDropdown instead of reverting to manual control.

For example, for hover, I'd much rather do

<div ngbDropdown [trigger]="'hover'">

then the current solution of

<div #myDrop="ngbDropdown" (mouseenter)="$event.stopPropagation(); myDrop.open();"
(mouseleave)="$event.stopPropagation(); myDrop.close();">

It could (should?) support multiple triggers, i.e. [trigger]="'hover click manual'". This would also be similar to the [placement] option.

Related issue #1117, #2375

Versions of Angular, ng-bootstrap and Bootstrap:

Angular: 7.2.15
ng-bootstrap: 4.1.2
Bootstrap: 4.3.1

[benouat]

Hey @dstj !

I'll flag it as feature request for now, but just one quick word nonetheless, Bootstrap does not provide such trigger option on the dropdown itself.

Semantically speaking, dropdowns are meant to be opened with mouse clicks and/or keyboard. Opening on focus remains a marginal use-case to me. Hence my first feeling would be to keep it as of today and use the (verbose) solution you proposed...

[axos88]

@benouat the use case is pretty common in navbars

[timon0305]

Great sharing
It is working well