Tooltip to remain open when hovering over it

[lucianenache]

Currently the tooltip directive supports only these triggers as defined in the map object:

  // Default hide triggers for each show trigger
  var triggerMap = {
    'mouseenter': 'mouseleave',
    'click': 'click',
    'focus': 'blur'
  };

I was wondering whether it makes sense to support a feature like this: http://jsfiddle.net/WojtekKruszewski/Zf3m7/22/

Where you can hover over the tooltip and it still remains open, this way you enable the users to actually select text inside the tooltip or click links/buttons.

I know that this can be achieved with the focus trigger but imho hover is better from UX perspective.

[sdesmond]

This would be great!

[pgu]

+1

[jplegoff]

+1

[quilicicf]

+1

[RobJacobs]

You can already define the triggers for a tooltip like so:

tooltip-trigger="focus manual"

Additional triggers can be added though the tooltip provider as described in the docs here. PR #2148 adds access to the tooltip scope isOpen variable to allow for more control on when to show and hide the tooltip.

[boillodmanuel]

I've found a solution in SO which can help for the PR.

• link to SO: http://stackoverflow.com/questions/20267967/create-hoverable-popover-using-angular-ui-bootstrap
• direct link to jsfiddle: https://jsfiddle.net/6awhrcec/

[boillodmanuel]

Another link with vanilla js solution: http://jsfiddle.net/WojtekKruszewski/Zf3m7/22/

[lucianenache]

well the idea was to have something out of the box, without having to implement additional hooks to the events, but if that's not available for me, the fix was to hook on the events manually and alter the behavior.

[RobJacobs]

@lucianenache Tooltip and popover are 2 separate directives. The links provided by @boillodmanuel refer to the popover widget, not the tooltip. If you are looking for a widget that presents a popup window for user interaction then the popover directive is the better choice, the tooltip directive is not designed for that. Closing this for now.