Skip to content
This repository has been archived by the owner on May 29, 2019. It is now read-only.

patch to allow hoverable tooltips/popovers #3942

Closed
wants to merge 0 commits into from

Conversation

plong0
Copy link

@plong0 plong0 commented Jul 14, 2015

adding tooltip-hoverable=true or popover-hoverable=true will enable the feature when hide trigger is mouseleave

@RobJacobs
Copy link
Contributor

There is already a mechanism in place to handle this, see the triggers section here.

@plong0
Copy link
Author

plong0 commented Jul 14, 2015

Thanks, I've read over the tooltip triggers section, but could not see a trigger I could use that would allow the popover to stay open while I hover on the popover itself.
I did not see a specific answer in Issue #3515 either.

@RobJacobs
Copy link
Contributor

I think you can accomplish this by creating your own trigger with the $tooltipProvider like so:

$tooltipProvider.setTriggers({'mouseenter manual': 'manual' });

Then:

<div tooltip-trigger="'mouseenter manual'" />

@wesleycho
Copy link
Contributor

@plong0 can you try @RobJacobs solution and verify whether this is still an issue or not?

@RobJacobs
Copy link
Contributor

@plong0 @wesleycho Here is a plunk that demonstrates the approach I suggested. It would be nice if the tooltip-prepTriggers method could be modified to not bind triggers set as 'none' or 'manual'

@plong0
Copy link
Author

plong0 commented Jul 20, 2015

@RobJacobs thanks for the plunk... I understand better where you are going with using the existing tooltip-enable attribute. In that plunk using the 'none' trigger, the tooltip is staying open even if I enter something in the input and move my mouse away.

The root of the problem is in detecting when the tooltip or popover itself is hovered/unhovered, then triggering the tooltip to open/close.

@larserikfinholt
Copy link

What was the actual sln to this problem? @plong0 - did you manage to make a hoverable popover with the existing tooltip-enable attribute - in case how did you do that? Or was your PR accepted? (I could figure that out)

@plong0
Copy link
Author

plong0 commented Aug 13, 2015

No I couldn't figure it out with the existing tooltip-enable attribute. PR never got accepted either... I am just using my forked version (#3994) for now.

@kentor
Copy link

kentor commented Sep 3, 2015

great. another monkey patched solution

@RossRogers
Copy link

@RobJacobs,

You referenced a Plunk at this address http://plnkr.co/edit/IlbdVm1aT70D4UB0NFA7?p=info . Unfortunately, that URL now redirects to a new, empty Plunkr. Can you restore that Plunkr or recreate it, per chance?

@asitpanda
Copy link

@RobJacobs , Given plunk url is redirecting to empty plunk.Could you give some link?

I am looking for this feature. Can any one here help me.

@icfantv
Copy link
Contributor

icfantv commented May 11, 2016

@asitpanda, not sure it's fair to ask someone to recreate a plunk from 6 months ago and lord knows how many versions. If you have a support-related question, please read our project documentation for how to receive support. Thanks.

@asitpanda
Copy link

i requested a SO http://stackoverflow.com/questions/37108913/uib-tooltip-should-appear-while-mouse-over-on-it, i am using angular-bootstrap Version: 0.14.3, Can any one suggest something.

@odedkeren1
Copy link

I have solved it in a very cleaned way and thought to share it: .popover is being created not as a child of the uib-popover so the idea is to wrap uib-popover with a parent and to control show&hide on hovering the parent. .popover and uib-popover are children of this parent so just left to set popover-trigger=none and you have what you are wishing for.

I created a plunk example: https://plnkr.co/edit/6vzrrH1KUyQeLHDz1hWp?p=preview

@bmrinal
Copy link

bmrinal commented Nov 28, 2017

@odedkeren1 this doesn't work with popover-append-to-body="true" option set !!

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

10 participants