$('html').outerHeight(true) returns inconsistent results across browsers

[[email protected]…]

I am receiving inconsistent results between browsers when using $('html').outerHeight(true). My goal is to retrieve the actual rendered height of the document. I am avoiding $(document).height() because if the rendered height is smaller than the window height, the window height is returned. On firefox, $('html').outerHeight(true) works correctly, but on IE8 the window height is always returned. Observe using the example at:

​http://jondufresne.org/test.html

If I run this in Firefox I see:

window:561
document:1044
html:1044
body:1028

Notice the html height matches the document height.

If I run this in IE8 I see:

window:806
document:1272
html:810
body:1256

Notice the height (approx) matches the window height and not the document height.

[mikesherov]

Thanks for contributing! What about just $('html').height()? Does that give consistent results? We don't really support $('html').height() currently considering the browsers don't give us useful info as you've discovered, but I'm just curious.

[[email protected]…]

In that case, what is the preferred way to retrieve the actual content height? $(document).height() works well when the content is larger than the window, but when the content is smaller than the window $(document).height() returns the window height. $('html').height() appears to be correct on Firefox, but not IE. Is there a better solution?

I have updated the test case to show height() as well as outerHeight(true). Same results. This is some console output from running the test case.

Firefox:

$(window).height()=561
$(document).height()=1044
$('html').outerHeight(true)=1044
$('html').height()=1044
$('body').outerHeight(true)=1028
$('body').height()=1012

IE8:

$(window).height()=622
$(document).height()=1310
$('html').outerHeight(true)=626
$('html').height()=626
$('body').outerHeight(true)=1294
$('body').height()=1278

[mikesherov]

Thanks again for contributing! Your test case is missing the opening html tag. Can you update it please, considering I can't edit it as you are hosting it on your own server instead of submitting a jsfiddle?

[Jon Dufresne <[email protected]…>]

I have fixed the mistake in the test case. The results are the same. I have uploaded the newest test case to the same location.

I also made an identical version using jsFiddle. This version also demostrates the same bug. See the fiddle version at ​http://jsfiddle.net/GmKmt/6/

[trac-o-bot]

Because we get so many tickets, we often need to return them to the initial reporter for more information. If that person does not reply within 14 days, the ticket will automatically be closed, and that has happened in this case. If you still are interested in pursuing this issue, feel free to add a comment with the requested information and we will be happy to reopen the ticket if it is still valid. Thanks!

[jdufresne]

What information is requested that was not provided? This is still reproducible and all information requested was provided.

[dmethvin]

Not sure why this was auto-closed, it should have noticed you were the OP.

[m_gol]

Test updated for 1.x-master: ​http://jsfiddle.net/GmKmt/8/

[m_gol]

Migrated to ​https://github.com/jquery/jquery/issues/1739