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

Wrong placement of uib-tooltip in 0.14.x #4649

Closed
sunabozu opened this issue Oct 18, 2015 · 9 comments
Closed

Wrong placement of uib-tooltip in 0.14.x #4649

sunabozu opened this issue Oct 18, 2015 · 9 comments

Comments

@sunabozu
Copy link

Hi.

I've been using 0.13.4 version before, and everything was fine, but with migrating to 0.14.x version I got slightly broken tooltips. In some cases they display correctly, but in some they don't. I noticed it right after migrating. You can see how it looked before and now:

Image of tooltip

Image of tooltip

I use AngularJS 1.4.7. and Bootstrap 3.3.5.

@Foxandxss
Copy link
Contributor

Could you please put a plunker of a tooltip that gets misplaced?

@RobJacobs You have any idea? :)

@sunabozu
Copy link
Author

Sure, here is the plunker http://plnkr.co/edit/dUEyFn0kPkDnxJGac1Ai?p=preview

@wesleycho
Copy link
Contributor

It looks like the float is destroying the positioning logic - certainly a bug, but I'd recommend against using floats if you can.

@Foxandxss
Copy link
Contributor

I agree with my friend idea because I tried a 0.13.x version and even when it is not as weird as with 0.14.x, it looks a bit brokish in my opinion.

@icfantv
Copy link
Contributor

icfantv commented Oct 19, 2015

Let's leave this open until we get the position issue entered, please.

@wesleycho
Copy link
Contributor

So what is happening here is that the div needs position: relative - see here for a working Plunker.

@marbug
Copy link

marbug commented Dec 3, 2015

It's more a workaround (IMHO). Tooltip's text is still shown in several lines but not in one.

@marbug
Copy link

marbug commented Dec 3, 2015

P.S. Fix to show tooltip in one line:
tooltip-class="nowrap"

and in css:
.nowrap {
white-space: nowrap;
}

May be this could help...

@dominik-mrugalski
Copy link

I know it's very old topic but also can help this post: #4195 (comment)

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

No branches or pull requests

6 participants