Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Multiline tooltip at right edge gets resized on click #2069

Closed
tzunghaor opened this issue Jan 3, 2018 · 3 comments
Closed

Multiline tooltip at right edge gets resized on click #2069

tzunghaor opened this issue Jan 3, 2018 · 3 comments

Comments

@tzunghaor
Copy link

Bug description:

I have a button with a tooltip so far right, that the tooltip reaches the right edge of the window / position:relative container.
Clicking the button calls a method (irrelevant what it does, in the plunkr example it does nothing), and then unexpectedly the tooltip becomes narrower.
(I experienced something similar with popovers too.)

Link to minimally-working plunker that reproduces the issue:

http://plnkr.co/edit/dUKdE9lmtJ8fBbINagz4?p=preview

Version of Angular, ng-bootstrap, and Bootstrap:

Angular: 5.0.2

ng-bootstrap: 1.0.0-beta.8

Bootstrap: 4.0.0-beta

@milasevicius
Copy link

Setting container="body" seems to solve this issue

@tzunghaor
Copy link
Author

@milasevicius - container="body" seems to solve it in the plunker for the centered button, but not for the button on the right.

@maxokorokov
Copy link
Member

This should be fixed in 4.0.3, but please see this → #2972 (comment). Feel free to reopen if you're still having issues.

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

No branches or pull requests

4 participants