Bug Tracker

Opened 12 years ago

Closed 12 years ago

#9639 closed bug (wontfix)

jQuery animations "jump" with word wrapping and constant width

Reported by: [email protected] Owned by: [email protected]
Priority: undecided Milestone: 1.next
Component: effects Version: 1.6.1
Keywords: Cc:
Blocked by: Blocking:


Here's a simple example: http://jsfiddle.net/2a7BV/

If you take out the word-wrapping with 'white-space: nowrap;', it will work properly. If you take out the constant width it will work properly.

Change History (4)

comment:1 Changed 12 years ago by dmethvin

Owner: set to [email protected]
Status: newpending

So are you proposing that we (temporarily) set white-space: nowrap before the animation to circumvent this? I suppose that might work.

comment:2 Changed 12 years ago by anonymous

I only meant that the animation wouldn't jump, providing it was related to word wrapping. The wrong effect happens if I set word-wrap: nowrap; on .slider.

Try it out on the jsFiddle yourself!

comment:3 Changed 12 years ago by [email protected]

Status: pendingnew


Could you calculate the right height by duplicating the node, add it somewhere off-screen and then use getComputedStyle?

comment:4 in reply to:  3 Changed 12 years ago by john

Component: unfiledeffects
Resolution: wontfix
Status: newclosed

Replying to [email protected]:

That's already what we do - it's obvious that this specific CSS property is causing problems, though. I suspect that there isn't a whole lot that we can do on our end to make this better, I'm going to have to recommend that you make the necessary CSS tweaks (before the animation begins) yourself.

Note: See TracTickets for help on using tickets.