Skip to main content

Bug Tracker

Side navigation

#4043 closed bug (worksforme)

Opened February 02, 2009 04:41PM UTC

Closed March 30, 2011 09:02PM UTC

animation on input or textarea results in loss of cursor and possibly keyboard input.

Reported by: smokinggun Owned by:
Priority: major Milestone: 1.3.2
Component: effects Version: 1.3.1
Keywords: input focus animation Cc:
Blocked by: Blocking:

Tested with Wekbit nightly build and FF 3.05

Using code such as the below, animating an input or text area will cause the cursor to disappear for the focused input. On Safari text input is no longer accepted, unless the users clicks back into the input. On FF the

        focus(function(){$(this).animate({height:"6em"}, 500)}).
        blur(function(){$(this).animate({height:"1em"}, 500)})

There is a demonstration at:

The demonstration includes a non-jQuery animation routine which creates the desired results.

Attachments (0)
Change History (4)

Changed February 02, 2009 05:57PM UTC by dmethvin comment:1

Great test case! It looks like the problem is in

. When the animation is complete it sets the css overflow and display properties back to their original values. If both of those are commented out, the cursor stays in the textarea.

Changed February 03, 2009 02:12AM UTC by dmethvin comment:2

component: unfilledfx

Changed November 13, 2010 08:21PM UTC by dmethvin comment:3

status: newopen

Changed March 30, 2011 09:02PM UTC by addyosmani comment:4

resolution: → worksforme
status: openclosed

Testing the OP's original reduced test case in FF4, FF3.x and Chrome (latest) I see that this issue is no longer prevalent. Closing as worksforme.