Modify ↓
Ticket #10414 (closed bug: invalid)
Width/height-measures return wrong value in connection /w CSS-transitions
| Reported by: | drublic | Owned by: | |
|---|---|---|---|
| Priority: | low | Milestone: | None |
| Component: | dimensions | Version: | 1.7b1 |
| Keywords: | Cc: | ||
| Blocking: | Blocked by: |
Description
If you use CSS3 transitions on an element and want to get the width via $.fn.width() or $.fn.css('width') after you manipulated it first, the value that gets returned is the same size as before.
I set up a jsFiddle for this case: http://jsfiddle.net/drublic/9Sput/ I'm using the 1.7 from the git-repo here…
Browserstuff:
- Not working in Safari 5.1, Chrome Stable and Chrome Canary (16), Opera 11.51
- working in Firefox Nightly 10.0a1 and Firefox Stable
- no IE at hand
This might be a browser-thing… But maybe you want to check it.
Change History
Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.
Note: See
TracTickets for help on using
tickets.

Wait until the transition is finished to check the dimensions of the element.
I wouldn't recommend actually using a setTimeout, but to make the point, see:
http://jsfiddle.net/timmywil/9Sput/18/