Bug 65067

Summary: CSS transition not animating height correct on hover
Product: WebKit Reporter: Eric <humaknlght>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: cmarrin, simon.fraser
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Mac (Intel)   
OS: OS X 10.6   
URL: http://dev.ericperrets.info/css_issue/calendar/

Description Eric 2011-07-23 08:10:41 PDT
I have a page where I applied a transition to expand the height of a div when the mouse is moved over the div.  The CSS transition animation is shrinking the height to near zero using an animation and then it springs open to the expected height (with no animation).  Expected: The height of the div animates from current height to the full height (with no shrinking of size).

Steps to recreate it on the link, http://dev.ericperrets.info/css_issue/calendar/
Hovering the mouse over the "Sample title" or the "Sample title2" div causes the div to shrink to a hight of zero then expand (without any animation).
Comment 1 Simon Fraser (smfr) 2011-07-25 12:16:03 PDT
Sounds like the issue of animating to/from 'auto'.

*** This bug has been marked as a duplicate of bug 16020 ***