Bug Tracker

Modify

Ticket #4043 (closed bug: worksforme)

Opened 4 years ago

Last modified 2 years ago

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:
Blocking: Blocked by:

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.

Change History

comment:1 Changed 4 years ago by dmethvin

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.

comment:2 Changed 4 years ago by dmethvin

  • Component changed from unfilled to fx

comment:3 Changed 3 years ago by dmethvin

  • Status changed from new to open

comment:4 Changed 2 years ago by addyosmani

  • Status changed from open to closed
  • Resolution set to worksforme

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.

Please follow the  bug reporting guidlines and use  jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.

View

Add a comment

Modify Ticket

Action
as closed
Author


E-mail address and user name can be saved in the Preferences.

 
Note: See TracTickets for help on using tickets.