height of document sometimes calculated inaccurately

[Tinyfish]

sometimes, the pane.outerHeight() which gives the height of the whole
document that is being scrolled gets calculated too short, and the
last page of the document cannot be scrolled to. It seems to be
easiest to reproduce with more than two pages worth of text when the
pane is over half the height of the browser window. I made it happen
on Chrome (although I have had it happen on Firefox and Opera too) by
shrinking the whole browser window by pulling down the top of the
browser.

[Kelvin Luck]

Hi,

Do you have an example URL showing this problem happening? Is your CSS
included above your JS in the head of your document?

Thanks,

Kelvin :)

[Tinyfish]

ok, I've stripped out almost everything else...

http://www.menaredead.org.uk/test/biog/xxx_biog_history.htm

happened immediately in Safari, but you may need to try resizing the
window and refreshing in whichever browser. Seems to be dependent on
the height of the browser in some weird way. And yes, CSS is all
included above JS.

[Kelvin Luck]

Thanks for the testcase. I can verify that it the content height is being
calculated incorrectly in both Safari and Chrome (both webkit based) on my
mac... I couldn't make it happen in Firefox though. At a guess the problem
is caused by the absolute positioning with both bottom: and height:
defined on your #content element.

I will try to investigate further and will get back to you when I figure
something out. If you want a quick workaround you could try putting an
additional element inside the #content div and applying jScrollPane to
that element instead of directly to #content (but please leave that
example page as-is until I get a chance to take a better look at it),

Cheers,

Kelvin :)

[Tinyfish]

Thanks for getting back so quick!

I'm afraid that wrapping the element and scrollpaning that wrapper
instead didn't work :/

[Kelvin Luck]

Hi,

I've added an issue to github and the example code here:
http://github.com/vitch/jScrollPane/issues/#issue/12

There is some additional comments on the issue so please read that for
further information...

Cheers,

Kelvin :)

[Kelvin Luck]

This issue has been resolved with the latest beta of jScrollPane,
please see:

http://jscrollpane.kelvinluck.com/issues/12/after.html

[Kelvin Luck]

Actually, I spoke too soon. I missed that this problem was happening
especially in Webkit and I implemented a fix for part of the problem
(the incorrectly calculated width) but not for the incorrectly
calculated height).

One workaround is to set autoReinitialise to true. This means that once
the height can be calculated correctly it is. I've added an example
showing this here:

http://jscrollpane.kelvinluck.com/issues/12/after_reinit.html