[Solved] Problem with horizontal scroll

[evaliauka]

Hi, Craig.
example is here: http://jsfiddle.net/VXdTs/77/

The more scrollLeft is, the bigger distance between tooltip's expected and actual positions becomes. The most curiously thing is that almost the same(except scrollbar direction) works fine - http://jsfiddle.net/craga89/VXdTs/34/.
May be is it a bug?

Thank you in advance.

[Craig]

What browser is this? That works fine for me using latest code. Make sure you've cleared your cache and aren't using a cached version of the nightly releases

[evaliauka]

I think it's reproducible in all browsers (checked in FF10 and chromium16 on linux).
In my example(http://jsfiddle.net/VXdTs/77/ ) steps are following:
1. mouseenter into container. Everything is fine.
2. scroll the container to the right, for example till blah3 (blah3 is in the middle of visible area). Everything is still fine.
3. mouseout of the container. all the tooltips are hidden.
4. mouseenter into the container

Actual result: all tooltips are misplaced. Tooltip of blah4 is displayed near blah3, tooltip of blah3 is behind the scene.

Browser cache is cleared. Latest stable version of qtip2 is used.

[Craig]

Make sure you're using the element with the scroll attribute set as the tooltip container, otherwise you'll get weird positioning bugs like this. http://jsfiddle.net/VXdTs/79/

[evaliauka]

Quote:Make sure you're using the element with the scroll attribute set as the tooltip container

I'm not sure I understand this phrase. What value should scroll attribute have, and attribute of what is it.
Anyway http://jsfiddle.net/VXdTs/79/ is not working.

[Craig]

Woops wrong link: http://jsfiddle.net/VXdTs/80/ What I meant was, make sure to use the element you've got the "overflow: scroll" or similar set on, as the tooltip container.

[evaliauka]

I got it. Thank you.
BUT:
replacing

Quote:overflow:scroll

with

Quote:overflow-x:scroll;
overflow-y:hidden;

makes our test case unworking (http://jsfiddle.net/VXdTs/81/ ).
As per your explanation, this variant should be working too.

[Craig]

Seems to work fine here in Chrome and latest FF...

[evaliauka]

Steps are the same

[Craig]

You'll need to be more clear about what browser you're seeing this in, and make sure you've cleared your cache too just for safe measure

[evaliauka]

I'm seeing this in FF10 and chromium16. Cache is cleared .

---

Most likely, to fix the problem, need to split this code

JS Code

overflow = parent.css('overflow');
if(overflow === 'scroll' || overflow === 'auto') {
	scroll(parent, 1); deep++;
}

into two parts. One will deal with overflow-x, the second - with overflow-y.
This will work in both cases - when overflow option is used and when overflow-(x/y).
As a workaround I can redefine $.fn.qtip.plugins.offset in my code. But the new stable version of qtip2 with fix included would be much better .

[Craig]

Ok I've standardised the offset plugin a bit to fix an issue with overflow container detection. Try out the latest nightly and it should fix this issue.

[evaliauka]

Thank you, Craig.
It's working perfect now