Tooltip inconsistent inside Bootstrap Modal about ember-tooltips HOT 7 CLOSED

Same applies to bootstrap dropdowns, so probably it has something to do with absolute positioning. I'll post here if I find something.

from ember-tooltips.

Hey guys,

So this is likely something to with an issue in ember-tether's positioning. More specifically, tether might have an issue. I looked the issue and didn't see anything obvious.

Maybe something stands out to you?

And @ehubbell, in the example above, does the modal have position (like absolute or fixed)? And does the target (the '?' icon) also have a position of some kind?

from ember-tooltips.

I was able to fix the problem by setting updateFor=isDropdownOpen, where isDropdownOpen is a variable that controls display of my custom ember wrapper around bootstrap dropdown. So, looks like this:

1. Target is dropdown, it's hidden and rendered.
2. Ember-tooltips renders hidden tooltip, since target is hidden, ember-tether sets its position to [0, 0].
3. Out-of-the-box when tooltip is activated, it will be just displayed, but not re-rendered, we get the bug described here.

Possible solutions:

1. Make ember-tether re-calculate position right before toggling display on (looks like correct way)
2. What I did, make ember-tooltips re-render when target position is changed (easier to do)

So: we have a hotfix, but it would be nice to have good behaviour out of the box, I think this problem is pretty common.

from ember-tooltips.

Got it. That makes sense.

Just so I make sure I understand correctly... A target element is in the DOM and the tooltip is attached. However, the target element hasn't yet been positioned or displayed? Thus, when it is displayed the tooltip previously rendered was not attached to the element's correct position because the element didn't have a position and/or the position changed?

from ember-tooltips.

Yes, you are right.

from ember-tooltips.

@jatt @ehubbell did you guys happen to find a solution for this? I've come across the same problem.

from ember-tooltips.

I actually switched to another library that let me append the tooltip to another divs ID. Lib called emberstrap. Has a bunch of bootstrap js replacements for ember that work well.

Eric (from iPhone)
720.212.1434

On Jul 12, 2016, at 21:14, Andrew Scheuermann [email protected] wrote:

@jatt @ehubbell did you guys happen to find a solution for this? I've come across the same problem.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub, or mute the thread.

from ember-tooltips.