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

Using popover & tooltip on the same element #2203

Closed
Siyfion opened this issue May 15, 2014 · 4 comments
Closed

Using popover & tooltip on the same element #2203

Siyfion opened this issue May 15, 2014 · 4 comments
Assignees
Milestone

Comments

@Siyfion
Copy link

Siyfion commented May 15, 2014

I could be wrong but it seems as though if you use both a tooltip and a popover on the same element, they get their wires very crossed.

Ideally, I'd like the tooltip to appear on mouseover and the popover to appear on clicking the button / link.

@joshdmiller
Copy link
Contributor

They will clash as they use the same scope variables. This is fixable, but it would make the code a bit clunkier and I'm not sure how common a use case this is. What does everyone else think?

A workaround is to use a wrapping element like a span and put one of them on the outer element.

@Siyfion
Copy link
Author

Siyfion commented May 15, 2014

My use case is quite simple, I have a navbar down the side of the frame with only icons representing their function, the tooltip is to provide the user with a more explicit description of the button's function. The popover was because some menu items won't link directly to a page, they will use a popover (with HTML support, when added) to have a sub-menu.

@vdsabev
Copy link

vdsabev commented May 20, 2014

+1, we have the same use case as @Siyfion

@unitedroad
Copy link

We also have the same use case.

chrisirhc added a commit to chrisirhc/angular-ui-bootstrap that referenced this issue Nov 2, 2014
tt_ scope variables are now in the ttScope which is specific to each
tooltip directive (multiple tooltip directives can now run on the same
element).

This allows tooltips to be used alongside any directive that may or
may not require different scope types.

Closes angular-ui#1269
Fixes angular-ui#2320
Fixes angular-ui#2203
@chrisirhc chrisirhc self-assigned this Nov 2, 2014
@chrisirhc chrisirhc added this to the 0.12 milestone Nov 2, 2014
chrisirhc added a commit to chrisirhc/angular-ui-bootstrap that referenced this issue Nov 2, 2014
tt_ scope variables are now in the ttScope which is specific to each
tooltip directive (multiple tooltip directives can now run on the same
element).

This allows tooltips to be used alongside any directive that may or
may not require different scope types.

Closes angular-ui#1269
Fixes angular-ui#2320
Fixes angular-ui#2203
OronNadiv pushed a commit to lanetix/bootstrap that referenced this issue Nov 18, 2014
tt_ scope variables are now in the ttScope which is specific to each
tooltip directive (multiple tooltip directives can now run on the same
element).

This allows tooltips to be used alongside any directive that may or
may not require different scope types.

Closes angular-ui#1269
Fixes angular-ui#2320
Fixes angular-ui#2203
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants