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:

Description

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

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

There is a demonstration at:

http://smokinggun.com/temp/webkit_focus.html

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

jQuery.fx.step()

. 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:	unfilled → fx

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

status:	new → open

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

resolution:	→ worksforme
status:	open → closed

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.

Side navigation