Update $.fn.animate to only keep overflow set to hidden after an animation in IE6 when it is needed (width/height change) and update unit tests to reflect when overflow does not get reset.

This commit is contained in:
Colin Snover 2010-10-05 15:20:44 -05:00
parent 5057ff9f43
commit 91028794d5
2 changed files with 16 additions and 20 deletions

4
src/effects.js vendored
View File

@ -175,7 +175,7 @@ jQuery.fn.extend({
} }
} }
if ( opt.overflow != null || (jQuery.support.shrinkWrapBlocks && isElement) ) { if ( opt.overflow != null ) {
this.style.overflow = "hidden"; this.style.overflow = "hidden";
} }
@ -408,7 +408,7 @@ jQuery.fx.prototype = {
if ( done ) { if ( done ) {
// Reset the overflow // Reset the overflow
if ( this.options.overflow != null && (!jQuery.support.shrinkWrapBlocks || !jQuery.css( this.elem, "hasLayout" )) ) { if ( this.options.overflow != null && !jQuery.support.shrinkWrapBlocks ) {
this.elem.style.overflow = this.options.overflow[0]; this.elem.style.overflow = this.options.overflow[0];
this.elem.style.overflowX = this.options.overflow[1]; this.elem.style.overflowX = this.options.overflow[1];
this.elem.style.overflowY = this.options.overflow[2]; this.elem.style.overflowY = this.options.overflow[2];

32
test/unit/effects.js vendored
View File

@ -460,10 +460,9 @@ test("toggle()", function() {
}); });
jQuery.checkOverflowDisplay = function(){ jQuery.checkOverflowDisplay = function(){
var o = jQuery.css( this, "overflow" ), var o = jQuery.css( this, "overflow" );
expected = jQuery.support.shrinkWrapBlocks ? "hidden" : "visible";
equals(o, expected, "Overflow should be " + expected + ": " + o); equals(o, "visible", "Overflow should be visible: " + o);
equals(jQuery.css( this, "display" ), "inline", "Display shouldn't be tampered with."); equals(jQuery.css( this, "display" ), "inline", "Display shouldn't be tampered with.");
start(); start();
@ -635,7 +634,7 @@ jQuery.each( {
}); });
}); });
jQuery.fn.saveState = function(){ jQuery.fn.saveState = function(hiddenOverflow){
var check = ['opacity','height','width','display','overflow']; var check = ['opacity','height','width','display','overflow'];
expect(check.length); expect(check.length);
@ -644,7 +643,7 @@ jQuery.fn.saveState = function(){
var self = this; var self = this;
self.save = {}; self.save = {};
jQuery.each(check, function(i,c){ jQuery.each(check, function(i,c){
self.save[c] = self.style[ c ] || jQuery.css(self,c); self.save[c] = c === "overflow" && hiddenOverflow ? "hidden" : self.style[ c ] || jQuery.css(self,c);
}); });
}); });
}; };
@ -653,9 +652,6 @@ jQuery.checkState = function(){
var self = this; var self = this;
jQuery.each(this.save, function(c,v){ jQuery.each(this.save, function(c,v){
var cur = self.style[ c ] || jQuery.css(self, c); var cur = self.style[ c ] || jQuery.css(self, c);
if ( c === "overflow" && jQuery.support.shrinkWrapBlocks ) {
v = "hidden";
}
equals( cur, v, "Make sure that " + c + " is reset (Old: " + v + " Cur: " + cur + ")"); equals( cur, v, "Make sure that " + c + " is reset (Old: " + v + " Cur: " + cur + ")");
}); });
start(); start();
@ -670,39 +666,39 @@ test("Chain fadeIn fadeOut", function() {
}); });
test("Chain hide show", function() { test("Chain hide show", function() {
jQuery('#show div').saveState().hide('fast').show('fast',jQuery.checkState); jQuery('#show div').saveState(jQuery.support.shrinkWrapBlocks).hide('fast').show('fast',jQuery.checkState);
}); });
test("Chain show hide", function() { test("Chain show hide", function() {
jQuery('#hide div').saveState().show('fast').hide('fast',jQuery.checkState); jQuery('#hide div').saveState(jQuery.support.shrinkWrapBlocks).show('fast').hide('fast',jQuery.checkState);
}); });
test("Chain show hide with easing and callback", function() { test("Chain show hide with easing and callback", function() {
jQuery('#hide div').saveState().show('fast').hide('fast','linear',jQuery.checkState); jQuery('#hide div').saveState().show('fast').hide('fast','linear',jQuery.checkState);
}); });
test("Chain toggle in", function() { test("Chain toggle in", function() {
jQuery('#togglein div').saveState().toggle('fast').toggle('fast',jQuery.checkState); jQuery('#togglein div').saveState(jQuery.support.shrinkWrapBlocks).toggle('fast').toggle('fast',jQuery.checkState);
}); });
test("Chain toggle out", function() { test("Chain toggle out", function() {
jQuery('#toggleout div').saveState().toggle('fast').toggle('fast',jQuery.checkState); jQuery('#toggleout div').saveState(jQuery.support.shrinkWrapBlocks).toggle('fast').toggle('fast',jQuery.checkState);
}); });
test("Chain toggle out with easing and callback", function() { test("Chain toggle out with easing and callback", function() {
jQuery('#toggleout div').saveState().toggle('fast').toggle('fast','linear',jQuery.checkState); jQuery('#toggleout div').saveState(jQuery.support.shrinkWrapBlocks).toggle('fast').toggle('fast','linear',jQuery.checkState);
}); });
test("Chain slideDown slideUp", function() { test("Chain slideDown slideUp", function() {
jQuery('#slidedown div').saveState().slideDown('fast').slideUp('fast',jQuery.checkState); jQuery('#slidedown div').saveState(jQuery.support.shrinkWrapBlocks).slideDown('fast').slideUp('fast',jQuery.checkState);
}); });
test("Chain slideUp slideDown", function() { test("Chain slideUp slideDown", function() {
jQuery('#slideup div').saveState().slideUp('fast').slideDown('fast',jQuery.checkState); jQuery('#slideup div').saveState(jQuery.support.shrinkWrapBlocks).slideUp('fast').slideDown('fast',jQuery.checkState);
}); });
test("Chain slideUp slideDown with easing and callback", function() { test("Chain slideUp slideDown with easing and callback", function() {
jQuery('#slideup div').saveState().slideUp('fast').slideDown('fast','linear',jQuery.checkState); jQuery('#slideup div').saveState(jQuery.support.shrinkWrapBlocks).slideUp('fast').slideDown('fast','linear',jQuery.checkState);
}); });
test("Chain slideToggle in", function() { test("Chain slideToggle in", function() {
jQuery('#slidetogglein div').saveState().slideToggle('fast').slideToggle('fast',jQuery.checkState); jQuery('#slidetogglein div').saveState(jQuery.support.shrinkWrapBlocks).slideToggle('fast').slideToggle('fast',jQuery.checkState);
}); });
test("Chain slideToggle out", function() { test("Chain slideToggle out", function() {
jQuery('#slidetoggleout div').saveState().slideToggle('fast').slideToggle('fast',jQuery.checkState); jQuery('#slidetoggleout div').saveState(jQuery.support.shrinkWrapBlocks).slideToggle('fast').slideToggle('fast',jQuery.checkState);
}); });
test("Chain fadeTo 0.5 1.0 with easing and callback)", function() { test("Chain fadeTo 0.5 1.0 with easing and callback)", function() {