Bug Tracker

#3587 closed bug (duplicate)

Opened November 09, 2008 09:04PM UTC

Closed November 20, 2008 08:27AM UTC

animate({height: 0}) causes incorrect height after animation is completed

Reported by: TNT Owned by:
Priority: major Milestone: 1.3
Component: effects Version: 1.2.6
Keywords: animate height Cc: TNT, flesler
Blocked by: Blocking:
Description

when i try this:

$('#div4').css({'width': 100, 'height': 100, 'border': '1px solid red'});

$('#div4').animate({height: 0}, 2000);

-> after animation is completed DIV has grow up to 21px height in IE6, in FF DIV have 0px height

<div id="div4"></div>

Attachments (1)
  • index.htm (1.0 KB) - added by TNT November 10, 2008 08:00PM UTC.

    test html file

Change History (5)

Changed November 10, 2008 02:41PM UTC by flesler comment:1

cc: → TNT, flesler
need: Patch → Test Case

can you make a test case ? (html file)

Changed November 10, 2008 08:00PM UTC by TNT comment:2

I'm added attachment test HTML file

Changed November 11, 2008 11:00PM UTC by TNT comment:3

I'm fixing for me with this code:

$('#div3').animate({'height': '1px'}, 2000, function(){$(this).css({'overflow':'hidden', 'height': '0px', 'visibility': 'hidden'});});

and this working fine (for me). :)

Changed November 12, 2008 06:59AM UTC by davidserduke comment:4

I believe this is a duplicate of #1726. Basically the doctype is malformed so the browser is in quirksmode and jQuery no longer supports quirksmode for animation and the like. Try fixing your doctype and see if that helps too.

Changed November 20, 2008 08:27AM UTC by davidserduke comment:5

resolution: → duplicate
status: new → closed