tooltips/popovers should choose a different placement instead of running off the page

[ianstormtaylor]

two ways this could be done:

1. just straight up change the placement if the tooltip is going to run off.
2. instead of changing the placement, move the tooltip to stay inside the window. but then also position the tooltip arrow to make sure that it is still centered above the element.

[vitalets]

do you mean the same as #4687 ?

[ianstormtaylor]

yeah solution #1 would be the same

[andrewdeandrade]

Hey @ianstormtaylor,

Thanks for opening this issue! Unfortunately, it looks like it fails to pass the criteria neccessary for submitting to bootstrap. The following things are currently failing:

• should include a jsfiddle/jsbin illustrating the problem if tagged with js but not a feature

For a full list of issue filing guidelines, please refer to the bootstrap issue filing guidelines.

thanks!

[ianstormtaylor]

figured it was only a matter of time before the dumb logic in those messages came around. there's no need for a jsfiddle in this issue because it's a feature suggestion

[asleepysamurai]

Is this an accepted feature request? Because, I recently implemented this functionality and I can submit a pull request if this is accepted.

[jbrodie]

This is something that should be added to the bootstrap for sure. We currently have the exact same problem with placements now.

[vikasaditya]

@asleepysamurai why don't you just submit a pull request and mention it here? Would be helpful to many who need this basic functionality.

[Yohn]

👍 id try to submit a pull request and see what happens

[asleepysamurai]

Ah, but adding a pull request for such a popular project without knowing if it is required just adds to the workload of the maintainers right??? Anyway, for those who need this, this is my modified tooltip plugin: https://gist.github.com/3972145

If, this feature request is accepted, i'll take some time out to test this a bit more thoroughly and then submit a pull request. Cheers!

[mdo]

Closing as a dupe issue—just saw this earlier today after reading through the issues.

[archonic]

I'd start a new issue but it's heavily related to this one. The dynamic placement is screwing things up for me.

Is there a way to get it to pop up inside the parent div automatically? For below I used chrome dev tools to adjust the margin but saving this change and refreshing just has the automatic placement re-accommodate and appear in the same place (like above).