Bug #8099 - Always restore to correct display value based on element's expected default display

This commit is contained in:
rwldrn 2011-01-31 14:31:15 -05:00
parent e0b1bb8e3d
commit 0d2e4796dc
3 changed files with 40 additions and 4 deletions

29
src/effects.js vendored
View file

@ -505,17 +505,38 @@ if ( jQuery.expr && jQuery.expr.filters ) {
}
function defaultDisplay( nodeName ) {
if ( !elemdisplay[ nodeName ] ) {
var elem = jQuery("<" + nodeName + ">").appendTo("body"),
display = elem.css("display");
var stylesheets = document.styleSheets,
disabled = [],
elem, display;
if ( !elemdisplay[ nodeName ] ) {
// #8099 - If the end-dev has globally changed a default
// display, we can temporarily disable their styles to check
// for the correct default value
jQuery.each( stylesheets, function( idx, obj ) {
disabled[ idx ] = obj.disabled;
obj.disabled = true;
});
// Create a temp element and check it's default display
elem = jQuery("<" + nodeName + ">").appendTo("body"),
display = elem.css("display");
// Remove temp element
elem.remove();
if ( display === "none" || display === "" ) {
display = "block";
}
// Store the correct default display
elemdisplay[ nodeName ] = display;
// Restore stylesheets
jQuery.each( stylesheets, function( idx, obj ) {
this.disabled = disabled[ idx ];
});
}
return elemdisplay[ nodeName ];

View file

@ -109,3 +109,6 @@ div#show-tests * { display: none; }
#nothiddendiv { font-size: 16px; }
#nothiddendivchild.em { font-size: 2em; }
#nothiddendivchild.prct { font-size: 150%; }
/* 8099 changes to default styles are read correctly */
tt { display: none; }

12
test/unit/effects.js vendored
View file

@ -169,6 +169,18 @@ test("Persist correct display value", function() {
});
});
test("show() resolves correct default display #8099", function() {
expect(3);
var bug8099 = jQuery("<tt/>").appendTo("#main");
equals( bug8099.css("display"), "none", "default display override for all tt" );
equals( bug8099.show().css("display"), "inline", "Correctly resolves display:inline" );
bug8099.remove();
equals( jQuery("#foo").hide().show().css("display"), "block", "Correctly resolves display:block after hide/show" );
});
test("animate(Hash, Object, Function)", function() {
expect(1);
stop();