Cannot scroll to bottom in FireFox 4 when using @font-face

[GoogleCodeExporter]

Cannot scroll to bottom in FireFox 4 when using @font-face, ie some text at the 
bottom remains hidden and can never be seen, ie jspPane height is calculated 
incorrectly because the line-height is calculated before the font is loaded.

What steps will reproduce the problem?
1. If the font family specified for some text in the scrollable references an 
@font-face declaration specify a src font file

With some fonts the results would probably be the opposite, ie over scrolling. 
This appears to be related to line-height. It seems FF displays the text first 
with a fallback font, and if the line-height of this font varys from the final 
font used to display then the height of jspPane is not calculated correctly. A 
work around is to explicitly specify the line-height in css. autoReinitialise 
might also work around this issues, but for me turning this on was causing my 
div to grow in width infintely.

What version of the jScrollPane are you using? v2.0.0beta11 
On what browser? FF 4.0.1
And operating system? Windows XP SP3

Please provide a URL to a page displaying the problem.
This problem could be seen at http://reflectivitydesign.com/about.php except 
that I used the mentioned line-height work around.

Please provide any additional information below.

Original issue reported on code.google.com by jasonch...@gmail.com on 6 Jun 2011 at 2:36

[GoogleCodeExporter]

Thanks for the report. This isn't the correct place though - I no longer use 
this googlecode site...

autoReinitialise (or a manual reinitialise once the font is loaded and ready) 
should solve it. It sounds like the growing width div is a bug. It would be 
great if you could put together a simple test case showing this problem 
(preferably on jsfiddle.net ) and submit an issue to 
https://github.com/vitch/jScrollPane - then I can try to fix the bug.

Thanks,

Kelvin :)

Original comment by kelvin.l...@gmail.com on 6 Jun 2011 at 10:49

• Changed state: Done