Collapse animation jumps if an input field holds the focus

Created by: anormal81

I have two panels with forms and input fields. A button click triggers the collapsing of the first form and the expansion of the second one. The animation works fine if no input field has focus.

Try the example at http://jsfiddle.net/ZbAsN/1/ Set the cursor into the username text box an click the "create new user" button. The panel quickly jumps to the end position. Click "cancel" to return to the first panel.

Retry the same without focus in a text box. The animation will be executed as expected.

In addition: a slower click on the "create new user" button will transfer the focus to the button before the animation starts. The result looks like the expected behaviour.