Test case for jQuery Ticket 7693

height/width for hidden elements is buggy

by jitter

HTML

<div id="outer" class="hidden">
    <div id="inner"></div>
</div>
<div id="d2" class="hidden"></div>

CSS

#outer, .hidden {
    display:none;
}
#inner, #d2 {
    height:100px;
    margin:5px;
    padding:2px;
}

JavaScript

$("body").append("inner height " + $("#inner").height() );
$("body").append("<br />inner outerHeight " + $("#inner").outerHeight() );
$("body").append("<br />inner  outerHeight(true) " + $("#inner").outerHeight(true) );

$("body").append("<br />d2 height " + $("#d2").height() );
$("body").append("<br />d2 outerHeight " + $("#d2").outerHeight() );
$("body").append("<br />d2  outerHeight(true) " + $("#d2").outerHeight(true) );