Side navigation
#9639 closed bug (wontfix)
Opened June 21, 2011 06:11PM UTC
Closed July 12, 2011 02:38PM UTC
jQuery animations "jump" with word wrapping and constant width
Reported by: | jstpierre@mecheye.net | Owned by: | jstpierre@mecheye.net |
---|---|---|---|
Priority: | undecided | Milestone: | 1.next |
Component: | effects | Version: | 1.6.1 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
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.
Attachments (0)
Change History (4)
Changed June 23, 2011 11:06PM UTC by comment:1
owner: | → jstpierre@mecheye.net |
---|---|
status: | new → pending |
Changed June 23, 2011 11:23PM UTC by comment:2
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!
Changed June 30, 2011 04:53PM UTC by comment:3
status: | pending → new |
---|
Poke?
Could you calculate the right height by duplicating the node, add it somewhere off-screen and then use getComputedStyle?
Changed July 12, 2011 02:38PM UTC by comment:4
component: | unfiled → effects |
---|---|
resolution: | → wontfix |
status: | new → closed |
Replying to [comment:3 jstpierre@…]:
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.
So are you proposing that we (temporarily) set
white-space: nowrap
before the animation to circumvent this? I suppose that might work.