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.

[boillodmanuel]

I've created a separate issue for the popover: #3515

Thks

[VenkatRamReddyK]

Working example of the plunker that solved mouse events on the uib-tabset.
https://plnkr.co/edit/9oMYadXPNJcRPrig71iF?p=preview

[bmrinal]

@VenkatRamReddyK this won't work with popover-append-to-body="true"

[VenkatRamReddyK]

@bmrinal ,
Yes, I observed that and played around with z-index to fix that.

[bmrinal]

Can you share a working fiddle? I tinkered with z-index but doesn't work.

On Thu, 30 Nov 2017 at 12:36 PM, Venkat Ram Reddy Kunta < ***@***.***> wrote: @bmrinal <https://github.com/bmrinal> , Yes, I observed that and played around with z-index to fix that. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#3040 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABjqMUqjbDX-mMbRAaKkLJLiFfg3UnpRks5s7lQKgaJpZM4DC5ir> .

-- Regards, Mrinal Purohit *ML Web Solutions* Website : www.mrinallabs.com E-Mail : info@mrinallabs.com Cell: +91-97838-61043 Please do not print this mail unnecessarily. Save Trees. Save Planet.